ayanova/devdocs/todo.txt

@@ -17,7 +17,7 @@ NEXT TODOS:
 		- In the log it was ok at the top and backing out and back in Log showed properly in the menu from the about page so it seemed to refresh when went into the log
 		- TODO: Check if ??Log is fetched on About page or prefetched or where it's fetched and is it doing it properly with a Promise Chain
 
-	- On pixel probably all though: 
+	- DONE Date time input fucked: 
 		- Selected 420 in the widget edit form but it shows as 11:20 on the main list, localization time issue
 		- Retest on desktop, probably a general date time conversion bug
 
@@ -25,6 +25,7 @@ NEXT TODOS:
 		- Can the save button be enabled more quickly after losing focus on the edited field or should I revamp that?
 		- I can see users making a quick change clicking on save once and it won't save but they think it has.
 		- Right now you need to click twice on save
+		
 	- On object not found when deleting an item and trying to reload the edit page, shoudl redirect to home or back instead or just not there
 
 	- Locale settings move to store

ayanova/src/components/gzdateandtimepicker.vue

@@ -99,50 +99,52 @@ export default {
   computed: {
     formatDateTime() {
       return this.value
-        ? this.$dayjs.utc(this.value)
+        ? this.$dayjs
+            .utc(this.value)
             .add(this.$gzlocale.timeZoneOffset, "hour")
             .format(this.$gzlocale.formats.shortDateAndTime)
         : "";
     },
     formatDate() {
       return this.value
-        ? this.$dayjs.utc(this.value)
+        ? this.$dayjs
+            .utc(this.value)
             .add(this.$gzlocale.timeZoneOffset, "hour")
             .format(this.$gzlocale.formats.shortDate)
         : "";
     },
     formatTime() {
       return this.value
-        ? this.$dayjs.utc(this.value)
+        ? this.$dayjs
+            .utc(this.value)
             .add(this.$gzlocale.timeZoneOffset, "hour")
             .format(this.$gzlocale.formats.shortTime)
         : "";
     },
     dateOnly: {
       get() {
-        return this.$dayjs.utc(this.value)
+        return this.$dayjs
+          .utc(this.value)
           .add(this.$gzlocale.timeZoneOffset, "hour")
           .format("YYYY-MM-DD");
       },
       set(value) {
-        this.date = this.$dayjs.utc(value + " " + this.timeOnly)
+        this.date = this.$dayjs
+          .utc(value + " " + this.timeOnly)
           .subtract(this.$gzlocale.timeZoneOffset, "hour")
           .toISOString();
       }
     },
     timeOnly: {
       get() {
-        return this.$dayjs.utc(this.value)
+        return this.$dayjs
+          .utc(this.value)
           .add(this.$gzlocale.timeZoneOffset, "hour")
-          .format("HH:mm:ss");//BUGBUG: Format here is converting it to local time unexpectedly
-          //this is because of the z in the utc source date and time which triggers format to convert to local time.
-          //for example this will show correctly (note no z at the end) timezoneoffset is -7: 
-          //this.$dayjs("2019-05-28T19:01:00").add(this.$gzlocale.timeZoneOffset, "hour").format("HH:mm:ss") == "12:01:00"
-          //whereas this will not
-          //this.$dayjs("2019-05-28T19:01:00").add(this.$gzlocale.timeZoneOffset, "hour").format("HH:mm:ss") == "05:01:00" <-wrong!
+          .format("HH:mm:ss");
       },
       set(value) {
-        this.date = this.$dayjs.utc(this.dateOnly + " " + value)
+        this.date = this.$dayjs
+          .utc(this.dateOnly + " " + value)
           .subtract(this.$gzlocale.timeZoneOffset, "hour")
           .toISOString();
       }

ayanova/src/views/About.vue

@@ -26,37 +26,53 @@
         </div>
 
         <div>
-          <span class="ml-4 body-1">{{ this.$gzlocale.get("UserTimeZoneOffset") }}:</span>
+          <span class="ml-4 body-1"
+            >{{ this.$gzlocale.get("UserTimeZoneOffset") }}:</span
+          >
           <span class="body-2">{{ this.$gzlocale.timeZoneOffset }}</span>
         </div>
 
         <div>
-          <span class="ml-4 body-1">{{ this.$gzlocale.get("DecimalSeparator") }}:</span>
-          <span class="body-2">{{ this.$gzlocale.formats.DecimalSeparator }}</span>
+          <span class="ml-4 body-1"
+            >{{ this.$gzlocale.get("DecimalSeparator") }}:</span
+          >
+          <span class="body-2">{{
+            this.$gzlocale.formats.DecimalSeparator
+          }}</span>
         </div>
 
         <div>
-          <span class="ml-4 body-1">{{ this.$gzlocale.get("CurrencySymbol") }}:</span>
-          <span class="body-2">{{ this.$gzlocale.formats.currencySymbol }}</span>
+          <span class="ml-4 body-1"
+            >{{ this.$gzlocale.get("CurrencySymbol") }}:</span
+          >
+          <span class="body-2">{{
+            this.$gzlocale.formats.currencySymbol
+          }}</span>
         </div>
 
         <div>
-          <span class="ml-4 body-1">{{ this.$gzlocale.get("ShortDateFormat") }}:</span>
+          <span class="ml-4 body-1"
+            >{{ this.$gzlocale.get("ShortDateFormat") }}:</span
+          >
           <span class="body-2">{{ this.$gzlocale.formats.shortDate }}</span>
         </div>
 
         <div>
-          <span class="ml-4 body-1">{{ this.$gzlocale.get("ShortTimeFormat") }}:</span>
+          <span class="ml-4 body-1"
+            >{{ this.$gzlocale.get("ShortTimeFormat") }}:</span
+          >
           <span class="body-2">{{ this.$gzlocale.formats.shortTime }}</span>
         </div>
 
         <div>
-          <span class="ml-4 body-1">{{ this.$gzlocale.get("ShortDateAndTimeFormat") }}:</span>
-          <span class="body-2">{{ this.$gzlocale.formats.shortDateAndTime }}</span>
+          <span class="ml-4 body-1"
+            >{{ this.$gzlocale.get("ShortDateAndTimeFormat") }}:</span
+          >
+          <span class="body-2">{{
+            this.$gzlocale.formats.shortDateAndTime
+          }}</span>
         </div>
 
-
-
         <v-divider class="mt-4"></v-divider>
         <v-subheader>{{ this.$gzlocale.get("Browser") }}</v-subheader>
         <div v-for="(value, name) in clientInfo.browser" :key="name">