diff --git a/ayanova/src/components/gzdateandtimepicker.vue b/ayanova/src/components/gzdateandtimepicker.vue
index 1177a002..75c4afa6 100644
--- a/ayanova/src/components/gzdateandtimepicker.vue
+++ b/ayanova/src/components/gzdateandtimepicker.vue
@@ -1,17 +1,17 @@
 <template>
   <div>
-   
-    <v-layout row wrap >
+    <v-layout row wrap>
       <v-flex xs6>
         <v-dialog v-model="modal" persistent lazy full-width width="290px">
-          <v-text-field
-            slot="activator"
-            v-model="formatDate"
-            v-bind:label="label"
-           
-            prepend-icon="fa-calendar-alt"
-            readonly
-          ></v-text-field>
+          <template v-slot:activator="{ on }">
+            <v-text-field
+              v-on="on"
+              prepend-icon="fa-calendar-alt"
+              v-model="formatDate"
+              v-bind:label="label"
+              readonly
+            ></v-text-field>
+          </template>
           <v-date-picker v-model="dateOnly" @input="modal = false">
             <v-spacer></v-spacer>
             <v-btn flat color="primary" @click="modal = false">Close</v-btn>
@@ -20,13 +20,9 @@
       </v-flex>
       <v-flex xs6>
         <v-dialog v-model="modal2" persistent lazy full-width width="290px">
-          <v-text-field
-            slot="activator"
-            v-model="formatTime"
-            label
-            prepend-icon="fa-clock"
-            readonly
-          ></v-text-field>
+          <template v-slot:activator="{ on }">
+            <v-text-field v-on="on" v-model="formatTime" label prepend-icon="fa-clock" readonly></v-text-field>
+          </template>
           <v-time-picker v-model="timeOnly">
             <v-spacer></v-spacer>
             <v-btn flat color="primary" @click="modal2 = false">OK</v-btn>
@@ -40,7 +36,7 @@
       v-bind:label="label"
       prepend-icon="fa-calendar-alt"
       disabled
-    ></v-text-field> -->
+    ></v-text-field>-->
   </div>
 </template> <script>
 export default {