ayanova/src/components/gzdateandtimepicker.vue

@@ -25,25 +25,44 @@
       ></v-text-field>
     
     -->
-    
+    <v-menu
+      ref="menu"
+      v-model="show"
+      :close-on-content-click="false"
+      :nudge-right="40"
+      lazy
+      transition="scale-transition"
+      offset-y
+      full-width
+      min-width="290px"
+    >
+      <gz-date-picker v-if="show.datePicker" v-bind:value="value" scrollable>
+        <div>WHAAA???</div>
+        <v-spacer></v-spacer>
+        <v-btn flat color="primary" @click="show.datePicker = false">Cancel</v-btn>
+        <v-btn flat color="primary" @click="dateSelected(date)">OK</v-btn>
+      </gz-date-picker>
+      <gz-time-picker v-if="show.timePicker" v-bind:value="value" scrollable>
+        <v-spacer></v-spacer>
+        <div>WHOOOO???</div>
+        <v-btn flat color="primary" @click="show.timePicker = false">Cancel</v-btn>
+        <v-btn flat color="primary" @click="alert('bam!')">OK</v-btn>
+      </gz-time-picker>
       <v-text-field
         v-model="value"
         prepend-inner-icon="fa-calendar-alt"
         @click:prepend-inner="sproing('DATE')"
         append-icon="fa-clock"
         @click:append="sproing('TIME')"
-        readonly       
+        readonly
       ></v-text-field>
-      <gz-date-picker v-if="show.datePicker" v-bind:value="value"></gz-date-picker>
-      <gz-time-picker v-if="show.timePicker" v-bind:value="value"></gz-time-picker>
-  
-
+    </v-menu>
     <!-- <v-time-picker
         v-if="show.timePicker"
         v-bind:value="value"
         v-on:input="$emit('input', $event.target.value)"
       ></v-time-picker>
-    </v-menu>-->
+    -->
   </div>
 </template>
 
@@ -86,6 +105,12 @@ export default {
       }
       //debugger;
       //console.log(this.show);
+    },
+    timeSelected(theTime) {
+      console.log("time selected: " + theTime);
+    },
+    dateSelected(theDate) {
+      console.log("date selected: " + theDate);
     }
   }
 };