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

@@ -18,12 +18,14 @@
               v-bind:rules="rules"
               readonly
               :error="!!error"
+              :data-cy="'dtfpick:' + testId"
             ></v-text-field>
           </template>
           <v-date-picker
             v-model="dateOnly"
             @input="dlgdate = false"
             :locale="defaultLocale"
+            :data-cy="'dpick:' + testId"
           >
             <v-spacer></v-spacer>
             <v-btn text color="primary" @click="dlgdate = false">{{
@@ -55,6 +57,7 @@
             ampm-in-title
             :format="hour12 ? 'ampm' : '24hr'"
             v-model="timeOnly"
+            :data-cy="'tpick:' + testId"
           >
             <v-spacer></v-spacer>
             <v-btn text color="primary" @click="dlgtime = false">{{
@@ -98,7 +101,8 @@ export default {
     error: {
       type: String,
       required: false
-    }
+    },
+    testId: String
   },
   methods: {
     t(tKey) {

ayanova/src/views/widget.vue

@@ -101,6 +101,7 @@
                 :readonly="formState.readOnly"
                 ref="startDate"
                 data-cy="startDate"
+                testId="startDate"
                 :error-messages="form().serverErrors(this, 'startDate')"
                 @input="fieldValueChanged('startDate')"
               ></gz-date-time-picker>
@@ -114,7 +115,7 @@
                 v-model="obj.endDate"
                 :readonly="formState.readOnly"
                 ref="endDate"
-                data-cy="endDate"
+                testId="endDate"
                 @input="fieldValueChanged('endDate')"
               ></gz-date-time-picker>
             </v-col>