Ported date control back to vuetify custom

ayanova/src/components/date-time-control.vue

@@ -2,7 +2,7 @@
   <v-row>
     <template v-if="!readonly">
       <v-col xs6>
-        <v-dialog ref="theDateDialog" v-model="dlgdate" width="290px">
+        <v-dialog v-model="dlgdate" width="290px">
           <template v-slot:activator="{ on }">
             <v-text-field
               v-on="on"
@@ -18,7 +18,6 @@
           </template>
           <v-date-picker
             :value="dateValue"
-            ref="dateField"
             @input="updateDateValue"
             :locale="defaultLocale"
             :data-cy="'dpick:' + testId"
@@ -34,7 +33,7 @@
         </v-dialog>
       </v-col>
       <v-col xs6>
-        <v-dialog ref="theTimeDialog" v-model="dlgtime" width="290px">
+        <v-dialog v-model="dlgtime" width="290px">
           <template v-slot:activator="{ on }">
             <v-text-field
               v-on="on"
@@ -53,7 +52,6 @@
             :format="hour12 ? 'ampm' : '24hr'"
             :value="timeValue"
             @input="updateTimeValue"
-            ref="timeField"
             :data-cy="'tpick:' + testId"
           >
             <v-btn text color="primary" @click="$emit('input', null)">{{
@@ -106,7 +104,6 @@ export default {
     },
     testId: String
   },
-
   computed: {
     timeValue() {
       return window.$gz.locale.utcDateStringToLocal8601TimeOnlyString(