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

@@ -1,39 +1,33 @@
 <template>
-  <div>
+  <!-- <div> -->
-    <v-row>
+  <v-row>
-      {{ internalValue }}
+    <v-col cols="6">
-      <v-col cols="6">
+      <v-text-field
-        <v-text-field
+        ref="dateField"
-          ref="dateField"
+        :value="dateControlFormat()"
-          :value="dateControlFormat()"
+        @input="handleDateInput"
-          @input="handleDateInput"
+        :readonly="readonly"
-          :readonly="readonly"
+        :disabled="disabled"
-          :disabled="disabled"
+        :label="label"
-          :label="label"
+        :rules="rules"
-          :rules="rules"
+        type="date"
-          type="date"
+        :error-messages="allErrors()"
-        ></v-text-field>
+        :data-cy="!!$ay.dev ? 'dateinput:' + testId : false"
-      </v-col>
+      ></v-text-field>
-      <v-col cols="6">
+    </v-col>
-        <v-text-field
+    <v-col cols="6">
-          ref="timeField"
+      <v-text-field
-          :value="timeControlFormat()"
+        ref="timeField"
-          @input="handleTimeInput"
+        :value="timeControlFormat()"
-          :readonly="readonly"
+        @input="handleTimeInput"
-          :disabled="disabled"
+        :readonly="readonly"
-          type="time"
+        :disabled="disabled"
-        ></v-text-field>
+        type="time"
-      </v-col>
+        :data-cy="!!$ay.dev ? 'timeinput:' + testId : false"
-      <v-col cols="12">
+      ></v-text-field>
-        <p
+    </v-col>
-          v-show="error"
+  </v-row>
-          class="form__error v-messages theme--light error--text"
+  <!-- </div> -->
-        >
-          {{ error }}
-        </p>
-      </v-col>
-    </v-row>
-  </div>
 </template>
 <script>
 /*  Xeslint-disable */
@@ -54,15 +48,28 @@ export default {
   props: {
     label: String,
     rules: Array,
+    "error-messages": { type: Array, default: null },
     value: { type: String, default: null },
     readonly: { type: Boolean, default: false },
     disabled: { type: Boolean, default: false },
     error: {
       type: String,
       required: false
-    }
+    },
+    testId: String
   },
   methods: {
+    allErrors() {
+      //  console.log("allErrors:",this.errorMessages)
+      let ret = "";
+      if (this.error != null) {
+        ret = this.error;
+      }
+      if (this.errorMessages != null && this.errorMessages.length > 0) {
+        ret += this.errorMessages.toString();
+      }
+      return ret;
+    },
     dateControlFormat() {
       //yyyy-mm-dd
       return window.$gz.locale.utcDateStringToLocal8601DateOnlyString(

ayanova/src/views/widget.vue

@@ -101,7 +101,7 @@
             </v-col>
 
             <v-col cols="12" sm="6" lg="4" xl="3">
-              <gz-date-time-picker
+              <gz-date-time-2-picker
                 :label="$ay.t('WidgetEndDate')"
                 :rules="[form().datePrecedence(this, 'startDate', 'endDate')]"
                 :error-messages="form().serverErrors(this, 'endDate')"
@@ -111,7 +111,7 @@
                 ref="endDate"
                 testId="endDate"
                 @input="fieldValueChanged('endDate')"
-              ></gz-date-time-picker>
+              ></gz-date-time-2-picker>
             </v-col>
             <v-col
               v-if="form().showMe(this, 'Active')"