ayanova/src/main.js

@@ -12,7 +12,6 @@ import NProgress from "nprogress";
 import "nprogress/nprogress.css";
 import dayjs from "dayjs";
 
-
 /////////////////////////////////////////////////////////////////
 // FORM VALIDATION
 //

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

@@ -47,24 +47,44 @@
               required
             ></v-text-field>
           </v-flex>
+
+          <v-flex xs12 sm6 lg4 xl3 px-2>
+            <v-menu
+              v-model="menu2"
+              :close-on-content-click="false"
+              :nudge-right="40"
+              lazy
+              transition="scale-transition"
+              offset-y
+              full-width
+              min-width="290px"
+            >
+              <v-text-field
+                slot="activator"
+                v-model="date"
+                label="Picker without buttons"
+             
+                readonly
+              ></v-text-field>
+              <v-date-picker v-model="date" @input="menu2 = false"></v-date-picker>
+            </v-menu>
+          </v-flex>
+          <!--           
+          <v-flex xs12 sm6 lg4 xl3 px-2>
+            <v-text-field slot="activator" v-model="obj.startDate" label="MyPicker" readonly></v-text-field>
+            <v-date-picker v-model="obj.startDate" @input="menu2 = false"></v-date-picker>
+          </v-flex>-->
           <!-- <v-flex xs12 sm6 lg4 xl3 px-2>
-            <v-datetime-picker
-              v-model="obj.startDate"             
+            <v-date-picker
+              v-model="obj.startDate"
               :label="lc.get('WidgetStartDate')"
               v-validate="'required'"
-              data-vv-name="startDate"
-            ></v-datetime-picker>
-          </v-flex> -->
-          
-          <!-- <v-flex xs12 sm6 lg4 xl3 px-2>
-            <v-input
               :error-messages="errors.collect('startDate')"
-              :label="lc.get('WidgetStartDate')"
-              v-pre
-            >
-              <datetime v-model="obj.startDate" data-vv-name="startDate" type="datetime" required style=" display: block;"></datetime>
-            </v-input>
-          </v-flex> -->
+              data-vv-name="startDate"
+              landscape="true"
+              reactive="true"
+            ></v-date-picker>
+          </v-flex>-->
           <v-flex xs12 sm6 lg4 xl3 px-2>
             <v-checkbox
               v-model="obj.active"
@@ -105,7 +125,9 @@ export default {
   data() {
     return {
       obj: {},
-      lc: locale
+      lc: locale,
+      menu2: false,
+      date: new Date().toISOString().substr(0, 10)
     };
   },
   beforeRouteEnter(to, from, next) {
@@ -160,7 +182,7 @@ export default {
     },
     submit() {
       //alert("VALIDATING>>>");
-     // debugger;
+      // debugger;
       console.log(obj.dollarAmount2);
       alert(obj.dollarAmount2);
       this.$validator.validateAll();