ayanova/src/components/time-control.vue

@@ -17,7 +17,7 @@
           <v-time-picker
             scrollable
             ampm-in-title
-            :format="ampmFormat"
+            :format="hour12 ? 'ampm' : '24hr'"
             v-model="timeOnly"
           >
             <v-spacer></v-spacer>
@@ -51,9 +51,8 @@ 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]
   }),
   props: {
     label: String,