ayanova/src/main.js

@@ -14,6 +14,7 @@ import dayjs from "dayjs";
 import gzdatepicker from "./components/gzdatepicker.vue";
 import gztimepicker from "./components/gztimepicker.vue";
 import gzdateandtimepicker from "./components/gzdateandtimepicker.vue";
+import altdateandtimepicker from "./components/altdateandtimepicker.vue";
 
 /////////////////////////////////////////////////////////////////
 // FORM VALIDATION
@@ -110,6 +111,7 @@ Vue.filter("boolastext", function(value) {
 Vue.component("gz-date-picker", gzdatepicker);
 Vue.component("gz-time-picker", gztimepicker);
 Vue.component("gz-date-time-picker", gzdateandtimepicker);
+Vue.component("alt-date-time-picker", altdateandtimepicker);
 
 /////////////////////////////////////////////////////////////////
 // INSTANTIATE

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

@@ -49,7 +49,7 @@
             ></v-text-field>
           </v-flex>
 
-          <v-flex xs12 sm6 lg4 xl3 px-2>
+          <!-- <v-flex xs12 sm6 lg4 xl3 px-2>
             <div>{{obj.startDate}}</div>
             <gz-date-picker label="TESTStartDate" v-model="obj.startDate"></gz-date-picker>
           </v-flex>
@@ -74,7 +74,41 @@
           <v-flex xs12 sm6 lg4 xl3 px-2>
             <div>{{obj.startDate}}</div>
             <gz-date-time-picker label="TESTBOTHPICKERS" v-model="obj.startDate"></gz-date-time-picker>
+          </v-flex> -->
+
+          <v-flex xs12 sm6 lg4 xl3 px-2>
+           
+            <alt-date-time-picker label="TESTBOTHPICKERS" v-model="obj.startDate"></alt-date-time-picker>
           </v-flex>
+<!-- 
+<v-menu
+        ref="menu"
+        v-model="menu"
+        :close-on-content-click="false"
+        :nudge-right="40"
+        :return-value.sync="date"
+        lazy
+        transition="scale-transition"
+        offset-y
+        full-width
+        min-width="290px"
+      >
+        <template v-slot:activator="{ on }">
+          <v-text-field
+            v-model="date"
+            label="Picker in menu"
+            prepend-icon="event"
+            readonly
+            v-on="on"
+          ></v-text-field>
+        </template>
+        <v-date-picker v-model="date" no-title scrollable>
+          <v-spacer></v-spacer>
+          <v-btn flat color="primary" @click="menu = false">Cancel</v-btn>
+          <v-btn flat color="primary" @click="$refs.menu.save(date)">OK</v-btn>
+        </v-date-picker>
+      </v-menu> -->
+
         </v-layout>
         <v-layout align-center justify-space-around row wrap mt-5>
           <v-flex xs1>
@@ -105,7 +139,12 @@ export default {
   data() {
     return {
       obj: {},
-      lc: locale
+      lc: locale,
+      theDate: new Date(),
+       date: new Date().toISOString().substr(0, 10),
+      menu: false,
+      modal: false,
+      menu2: false
     };
   },
   computed: {