ayanova/src/components/date-time-control.vue

@@ -53,7 +53,7 @@
           <v-time-picker
             scrollable
             ampm-in-title
-            :format="ampmFormat"
+            :format="hour12 ? 'ampm' : '24hr'"
             v-model="timeOnly"
           >
             <v-spacer></v-spacer>
@@ -87,9 +87,10 @@ export default {
     //cache display format stuff
     timeZoneName: window.$gz.locale.getTimeZoneName(),
     languageName: window.$gz.locale.getBrowserLanguages(),
-    hour12: window.$gz.store.state.locale.hour12,
-    defaultLocale: window.$gz.locale.getBrowserFirstLanguage().split("-", 1)[0],
-    ampmFormat: window.$gz.locale.format().hour12 ? "ampm" : "24hr"
+    hour12: window.$gz.locale.getHour12(),
+    defaultLocale: window.$gz.locale.getBrowserFirstLanguage().split("-", 1)[0]
+    // ampmFormat: window.$gz.locale.getHour12() ? "ampm" : "24hr"
+    //:format="ampmFormat"
   }),
   props: {
     label: String,