ayanova/src/components/date-control.vue

@@ -15,7 +15,7 @@
               :error="!!error"
             ></v-text-field>
           </template>
-          <v-date-picker v-model="dateOnly">
+          <v-date-picker :locale="defaultLocale" v-model="dateOnly">
             <v-spacer></v-spacer>
             <v-btn text color="primary" @click="dlgdate = false">Close</v-btn>
           </v-date-picker>
@@ -51,7 +51,12 @@ export default {
       }
     }
   },
-  data: () => ({ date: null, oldDate: null, dlgdate: false }),
+  data: () => ({
+    date: null,
+    oldDate: null,
+    dlgdate: false,
+    defaultLocale: window.$gz.locale.getFirstBrowserLanguage().split("-", 1)[0]
+  }),
   props: {
     label: String,
     rules: Array,

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

@@ -24,7 +24,7 @@
             ref="theDatePicker"
             v-model="dateOnly"
             @input="dlgdate = false"
-            locale="DE"
+            :locale="defaultLocale"
           >
             <v-spacer></v-spacer>
             <v-btn text color="primary" @click="dlgdate = false">Close</v-btn>
@@ -71,6 +71,7 @@
     <p v-show="error" class="form__error v-messages theme--light error--text">
       {{ error }}
     </p>
+    {{ defaultLocale }}
   </div>
 </template>
 <script>
@@ -89,8 +90,18 @@ export default {
         throw "DateTimeControl: $gz.locale is required and missing";
       }
     }
+
+    // this.defaultLocale = window.$gz.locale
+    //   .getFirstBrowserLanguage()
+    //   .split("-", 1);
   },
-  data: () => ({ date: null, oldDate: null, dlgdate: false, dlgtime: false }),
+  data: () => ({
+    date: null,
+    oldDate: null,
+    dlgdate: false,
+    dlgtime: false,
+    defaultLocale: window.$gz.locale.getFirstBrowserLanguage().split("-", 1)[0]
+  }),
   props: {
     label: String,
     rules: Array,