From d09e662123d81239742e722aa3db28dc3daa6eb5 Mon Sep 17 00:00:00 2001
From: Martin Schreiber <MARTIN.schreiber@bachmann.info>
Date: Tue, 15 Apr 2025 14:36:43 +0200
Subject: [PATCH 1/4] Fix Datepicker locale

---
 src/components/AppHeader.vue | 32 ++++++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)

diff --git a/src/components/AppHeader.vue b/src/components/AppHeader.vue
index a9b2388..4f8a7ba 100644
--- a/src/components/AppHeader.vue
+++ b/src/components/AppHeader.vue
@@ -54,6 +54,7 @@
       <div class="nav-item">
         <CalendarIcon size="1x" aria-hidden="true" role="img" />
         <date-picker
+          v-if="datePickerLang"
           v-model="dateTimeRange"
           type="datetime"
           format="YYYY-MM-DD HH:mm"
@@ -66,6 +67,7 @@
           :shortcuts="shortcuts"
           :show-time-panel="showTimeRangePanel"
           :disabled-date="(date, _) => date > new Date()"
+          :lang="datePickerLang"
           @change="handleDateTimeRangeChange"
         >
           <template v-slot:footer>
@@ -293,6 +295,7 @@ export default {
         },
       ],
       showTimeRangePanel: false,
+      datePickerLang: null,
     };
   },
   computed: {
@@ -362,7 +365,36 @@ export default {
       this.showTimeRangePanel = false;
     },
   },
+  async created() {
+    const fullLocale = navigator.language || 'en';
+    const shortLocale = fullLocale.split('-')[0];
+    this.datePickerLang = await loadDatepickerLocale(shortLocale);
+  }
 };
+
+async function loadDatepickerLocale(localeCode) {
+  const supported = ["cs", "da", "de", "es", "fr", "tr", "en"];
+  if (!supported.includes(localeCode)) {
+    localeCode = "en";
+  }
+  switch (localeCode) {
+    case "cs":
+      return (await import("vue2-datepicker/locale/cs")).default;
+    case "da":
+      return (await import("vue2-datepicker/locale/da")).default;
+    case "de":
+      return (await import("vue2-datepicker/locale/de")).default;
+    case "es":
+      return (await import("vue2-datepicker/locale/es")).default;
+    case "fr":
+      return (await import("vue2-datepicker/locale/fr")).default;
+    case "tr":
+      return (await import("vue2-datepicker/locale/tr")).default;
+    case "en":
+    default:
+      return (await import("vue2-datepicker/locale/en")).default;
+  }
+}
 </script>
 
 <style lang="scss" scoped>

From 8db80d4e06a5ce74da08465700d0610ed9d8f6b4 Mon Sep 17 00:00:00 2001
From: Martin Schreiber <MARTIN.schreiber@bachmann.info>
Date: Wed, 16 Apr 2025 06:46:21 +0200
Subject: [PATCH 2/4] Using locale from owntrack config

---
 src/components/AppHeader.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/AppHeader.vue b/src/components/AppHeader.vue
index 4f8a7ba..409f9db 100644
--- a/src/components/AppHeader.vue
+++ b/src/components/AppHeader.vue
@@ -366,8 +366,8 @@ export default {
     },
   },
   async created() {
-    const fullLocale = navigator.language || 'en';
-    const shortLocale = fullLocale.split('-')[0];
+    const fullLocale = this.$config.locale || "en";
+    const shortLocale = fullLocale.split("-")[0];
     this.datePickerLang = await loadDatepickerLocale(shortLocale);
   }
 };

From d14376c836dbdbe46eb79a03350a15f9e172cfa2 Mon Sep 17 00:00:00 2001
From: Martin Schreiber <martin@mschreiber.at>
Date: Thu, 24 Apr 2025 06:04:02 +0200
Subject: [PATCH 3/4] Update src/components/AppHeader.vue

Co-authored-by: Linus Groh <mail@linusgroh.de>
---
 src/components/AppHeader.vue | 18 +-----------------
 1 file changed, 1 insertion(+), 17 deletions(-)

diff --git a/src/components/AppHeader.vue b/src/components/AppHeader.vue
index 409f9db..225c34c 100644
--- a/src/components/AppHeader.vue
+++ b/src/components/AppHeader.vue
@@ -377,23 +377,7 @@ async function loadDatepickerLocale(localeCode) {
   if (!supported.includes(localeCode)) {
     localeCode = "en";
   }
-  switch (localeCode) {
-    case "cs":
-      return (await import("vue2-datepicker/locale/cs")).default;
-    case "da":
-      return (await import("vue2-datepicker/locale/da")).default;
-    case "de":
-      return (await import("vue2-datepicker/locale/de")).default;
-    case "es":
-      return (await import("vue2-datepicker/locale/es")).default;
-    case "fr":
-      return (await import("vue2-datepicker/locale/fr")).default;
-    case "tr":
-      return (await import("vue2-datepicker/locale/tr")).default;
-    case "en":
-    default:
-      return (await import("vue2-datepicker/locale/en")).default;
-  }
+  return (await import(`vue2-datepicker/locale/${localeCode}`)).default;
 }
 </script>
 

From ea38561a56e28f9e9b427bd8bb14733452c100ce Mon Sep 17 00:00:00 2001
From: Martin Schreiber <martin@mschreiber.at>
Date: Thu, 24 Apr 2025 06:20:05 +0200
Subject: [PATCH 4/4] Update AppHeader.vue

removing unnecessary if
---
 src/components/AppHeader.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/AppHeader.vue b/src/components/AppHeader.vue
index 225c34c..4c6ea7d 100644
--- a/src/components/AppHeader.vue
+++ b/src/components/AppHeader.vue
@@ -54,7 +54,6 @@
       <div class="nav-item">
         <CalendarIcon size="1x" aria-hidden="true" role="img" />
         <date-picker
-          v-if="datePickerLang"
           v-model="dateTimeRange"
           type="datetime"
           format="YYYY-MM-DD HH:mm"