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

@@ -2,7 +2,12 @@
   <div>
     <v-row row wrap v-if="!readonly">
       <v-col xs6>
-        <v-dialog v-model="dlgdate" persistent width="290px">
+        <v-dialog
+          ref="theDateDialog"
+          v-model="dlgdate"
+          persistent
+          width="290px"
+        >
           <template v-slot:activator="{ on }">
             <v-text-field
               v-on="on"
@@ -15,14 +20,23 @@
               :error="!!error"
             ></v-text-field>
           </template>
-          <v-date-picker v-model="dateOnly" @input="dlgdate = false">
+          <v-date-picker
+            ref="theDatePicker"
+            v-model="dateOnly"
+            @input="dlgdate = false"
+          >
             <v-spacer></v-spacer>
             <v-btn text color="primary" @click="dlgdate = false">Close</v-btn>
           </v-date-picker>
         </v-dialog>
       </v-col>
       <v-col xs6>
-        <v-dialog v-model="dlgtime" persistent width="290px">
+        <v-dialog
+          ref="theTimeDialog"
+          v-model="dlgtime"
+          persistent
+          width="290px"
+        >
           <template v-slot:activator="{ on }">
             <v-text-field
               v-on="on"
@@ -34,7 +48,12 @@
               :error="!!error"
             ></v-text-field>
           </template>
-          <v-time-picker scrollable ampm-in-title v-model="timeOnly">
+          <v-time-picker
+            ref="theTimePicker"
+            scrollable
+            ampm-in-title
+            v-model="timeOnly"
+          >
             <v-spacer></v-spacer>
             <v-btn text color="primary" @click="dlgtime = false">OK</v-btn>
           </v-time-picker>
@@ -56,9 +75,10 @@
 <script>
 /*  Xeslint-disable */
 export default {
+  // created() {
+  //   debugger;
+  // },
   beforeCreate() {
-    //debugger;
-    //this is a nothing line as a test
     //check pre-requisites exist just in case
     if (window.$gz.errorHandler.devMode()) {
       if (!window.$gz.dayjs) {