ayanova/devdocs/todo.txt

@@ -18,6 +18,8 @@ TODO NEXT
 DATETIME
 
 - Does it validate properly? NO.  Get validation working!!
+	- So it looks like it will need a custom validator as it completely barfs on my string date format coming from the server
+		- https://baianat.github.io/vee-validate/guide/custom-rules.html#creating-a-custom-rule
 	- https://baianat.github.io/vee-validate/concepts/components.html#how-it-works
 	- possibly helpful https://stackoverflow.com/questions/47982820/vuejs-vee-validate-in-custom-components
 	- or https://duckduckgo.com/?q=vee+validate+with+custom+component&t=ffab&atb=v134-6__&ia=web

ayanova/src/main.js

@@ -33,6 +33,16 @@ Object.defineProperty(Vue.prototype, "$gzerror", {
 // FORM VALIDATION
 //
 import VeeValidate from "vee-validate";
+//My custom rules
+import gzaftervalidator from "./api/gzaftervalidator";
+VeeValidate.Validator.extend("gzafter", gzaftervalidator);
+// VeeValidate.Validator.extend(
+//   gzaftervalidator,
+//   Rules[gzaftervalidator].validate,
+//   assign({}, Rules[gzaftervalidator].options, {
+//     paramNames: Rules[gzaftervalidator].paramNames
+//   })
+// );
 Vue.use(VeeValidate);
 //Vue.config.productionTip = false;
 

ayanova/src/views/inventory-widget-edit.vue

@@ -50,12 +50,37 @@
           </v-flex>
 
           <v-flex xs12 sm6 lg4 xl3 px-2>
+            <v-text-field
+              :label="this.$gzlocale.get('WidgetStartDate')"
+              v-model="obj.startDate"
+              name="startDate"
+              data-vv-as="startDate"
+              v-validate="'required'"
+              ref="startDate"
+              :error-messages="errors.collect('startDate')"
+              required
+            ></v-text-field>
+          </v-flex>
+
+          <v-flex xs12 sm6 lg4 xl3 px-2>
+            <v-text-field
+              :label="this.$gzlocale.get('WidgetEndDate')"
+              v-model="obj.endDate"
+              name="endDate"
+              data-vv-as="endDate"
+              v-validate="'required|gzafter:startDate'"
+              :error-messages="errors.collect('endDate')"
+              required
+            ></v-text-field>
+          </v-flex>
+<!-- YYYY-MM-DDTHH:mm:ss.sssZ -->
+          <!-- <v-flex xs12 sm6 lg4 xl3 px-2>
             <gz-date-time-picker
               :label="this.$gzlocale.get('WidgetStartDate')"
               v-model="obj.startDate"
               name="startDate"
-              :error-messages="errors.collect('startDate')"
-              v-validate="'before:endDate'"
+              data-vv-as="startDate"
+              v-validate="'required'"
               ref="startDate"
               :error="errors.first('startDate')"
             ></gz-date-time-picker>
@@ -66,13 +91,11 @@
               :label="this.$gzlocale.get('WidgetEndDate')"
               v-model="obj.endDate"
               name="endDate"
-              :error-messages="errors.collect('endDate')"
+              data-vv-as="endDate"
               v-validate="'after:startDate'"
-              ref="endDate"
               :error="errors.first('endDate')"
             ></gz-date-time-picker>
-          </v-flex>
-
+          </v-flex>-->
           <v-flex xs12 sm6 lg4 xl3 px-2>
             <v-checkbox
               v-model="obj.active"