Use op-single-date-picker for version forms

app/views/versions/_form.html.erb

@@ -58,11 +58,35 @@ See COPYRIGHT and LICENSE files for more details.
 </div>
 
 <div class="form--field">
-  <%= f.text_field :start_date, container_class: '-xslim', class: '-augmented-datepicker' %>
+  <label
+    class="form--label"
+    for="version_start_date"
+  ><%= t(:start_date) %></label>
+  <div class="form--field-container -visible-overflow">
+    <%= angular_component_tag 'op-single-date-picker',
+                              inputs: {
+                                value: version.start_date,
+                                id: "version_start_date",
+                                name: "version[start_date]"
+                              }
+    %>
+  </div>
 </div>
 
 <div class="form--field">
-  <%= f.text_field :effective_date, container_class: '-xslim', class: '-augmented-datepicker' %>
+  <label
+    class="form--label"
+    for="version_effective_date"
+  ><%= t(:effective_date) %></label>
+  <div class="form--field-container -visible-overflow">
+    <%= angular_component_tag 'op-single-date-picker',
+                              inputs: {
+                                value: version.effective_date,
+                                id: "version_effective_date",
+                                name: "version[effective_date]"
+                              }
+    %>
+  </div>
 </div>
 
 <div class="form--field">