diff --git a/ayanova/devdocs/todo.txt b/ayanova/devdocs/todo.txt
index 62b964e5..f9fc0b44 100644
--- a/ayanova/devdocs/todo.txt
+++ b/ayanova/devdocs/todo.txt
@@ -49,6 +49,7 @@ SHELL / NAV / MENUS / LAYOUT
 
 TODO: LOCALIZATION
 	- ACTIONS
+		- TRY AN ALTERNATE LANGUAGE IN VUETIFY USING THEIR METHOD, SEE WHATS INVOLVED
 		- Find out how to override the default locale for vuetify to set specific items to our localized text version
 			- this saves having to use a whole locale for just the calendar etc
 		- DATE / TIME PICKERS
diff --git a/ayanova/src/api/initialize.js b/ayanova/src/api/initialize.js
index 9561f67a..f7694cda 100644
--- a/ayanova/src/api/initialize.js
+++ b/ayanova/src/api/initialize.js
@@ -19,8 +19,9 @@ export default function initialize() {
       //Fetch the core localized text keys that will always be required by user
       window.$gz.locale
         .fetch(window.$gz.locale.coreKeys)
-        .then(function putFetchedNavItemsInStore() {
-          //put nav items into store
+
+        .then(function initializeNavPanel() {
+          console.log("INIT NAV PANEL");
           var key = 0;
           var sub = [];
 
@@ -732,6 +733,7 @@ export default function initialize() {
           }
         })
         .then(() => {
+          //console.log("INIT FETCH USEROPTIONS AND CACHE");
           //CACHE LOCALE SETTINGS
           window.$gz.api
             .get("UserOptions/" + window.$gz.store.state.userId)
diff --git a/ayanova/src/components/date-time-control.vue b/ayanova/src/components/date-time-control.vue
index 99675b5a..ac9f3068 100644
--- a/ayanova/src/components/date-time-control.vue
+++ b/ayanova/src/components/date-time-control.vue
@@ -2,7 +2,12 @@
   <div>
     <v-row row wrap v-if="!readonly">
       <v-col xs6>
-        <v-dialog v-model="dlgdate" persistent width="290px">
+        <v-dialog
+          ref="theDateDialog"
+          v-model="dlgdate"
+          persistent
+          width="290px"
+        >
           <template v-slot:activator="{ on }">
             <v-text-field
               v-on="on"
@@ -15,14 +20,23 @@
               :error="!!error"
             ></v-text-field>
           </template>
-          <v-date-picker v-model="dateOnly" @input="dlgdate = false">
+          <v-date-picker
+            ref="theDatePicker"
+            v-model="dateOnly"
+            @input="dlgdate = false"
+          >
             <v-spacer></v-spacer>
             <v-btn text color="primary" @click="dlgdate = false">Close</v-btn>
           </v-date-picker>
         </v-dialog>
       </v-col>
       <v-col xs6>
-        <v-dialog v-model="dlgtime" persistent width="290px">
+        <v-dialog
+          ref="theTimeDialog"
+          v-model="dlgtime"
+          persistent
+          width="290px"
+        >
           <template v-slot:activator="{ on }">
             <v-text-field
               v-on="on"
@@ -34,7 +48,12 @@
               :error="!!error"
             ></v-text-field>
           </template>
-          <v-time-picker scrollable ampm-in-title v-model="timeOnly">
+          <v-time-picker
+            ref="theTimePicker"
+            scrollable
+            ampm-in-title
+            v-model="timeOnly"
+          >
             <v-spacer></v-spacer>
             <v-btn text color="primary" @click="dlgtime = false">OK</v-btn>
           </v-time-picker>
@@ -56,9 +75,10 @@
 <script>
 /*  Xeslint-disable */
 export default {
+  // created() {
+  //   debugger;
+  // },
   beforeCreate() {
-    //debugger;
-    //this is a nothing line as a test
     //check pre-requisites exist just in case
     if (window.$gz.errorHandler.devMode()) {
       if (!window.$gz.dayjs) {