From cd809db22d1bd299e6589287773b547d46254ed9 Mon Sep 17 00:00:00 2001
From: John Cardinal <support@ayanova.com>
Date: Tue, 5 Mar 2019 20:57:57 +0000
Subject: [PATCH]

---
 .../src/components/gzdateandtimepicker.vue    | 39 +++++++++++++++----
 1 file changed, 32 insertions(+), 7 deletions(-)

diff --git a/ayanova/src/components/gzdateandtimepicker.vue b/ayanova/src/components/gzdateandtimepicker.vue
index 1a8bfbfe..e0ca8b67 100644
--- a/ayanova/src/components/gzdateandtimepicker.vue
+++ b/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);
     }
   }
 };