diff --git a/ayanova/src/components/gzdateandtimepicker.vue b/ayanova/src/components/gzdateandtimepicker.vue
index c4bdcc1c..e7cf1027 100644
--- a/ayanova/src/components/gzdateandtimepicker.vue
+++ b/ayanova/src/components/gzdateandtimepicker.vue
@@ -16,9 +16,8 @@
       <template v-slot:activator="{ on }">
         <v-text-field
           v-model="time"
-          label="Picker in menu"
-          prepend-icon="fa-calendar-alt"
-          @click:prepend="sproing('CLICK DATE')"
+          prepend-inner-icon="fa-calendar-alt"
+          @click:prepend-inner="sproing('CLICK DATE')"
           append-icon="fa-clock"
           @click:append="sproing('CLICK TIME')"
           readonly
@@ -36,6 +35,13 @@
 
 
 <script>
+/*
+TODO:
+Add the date picker
+Make the buttons open the correct picker
+Make it actually work with the binding and the selections and etc
+maybe can make it editable by keyboard in the text field and still keep the pickers as a separate option?
+*/
 //https://stackoverflow.com/questions/54575541/vuetify-timepicker-return-value-to-model
 export default {
   props: {