From f207949ed9ad3aabfbdd8132e9fe82b0ad8bb655 Mon Sep 17 00:00:00 2001
From: Jan-Hendrik Willms <tleilax+studip@gmail.com>
Date: Mon, 12 May 2025 16:29:32 +0200
Subject: localize only vue date picker component, fixes #5570, re #5507

Closes #5570

Merge request studip/studip!4193
---
 resources/vue/apps/ConsultationCreator.vue |  2 --
 resources/vue/components/Datepicker.vue    | 15 +++++++++++----
 2 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/resources/vue/apps/ConsultationCreator.vue b/resources/vue/apps/ConsultationCreator.vue
index 1934fe8..2bfa565 100644
--- a/resources/vue/apps/ConsultationCreator.vue
+++ b/resources/vue/apps/ConsultationCreator.vue
@@ -53,7 +53,6 @@
                 <Datepicker v-model="startDate"
                             name="start-date"
                             :disable-holidays="true"
-                            :placeholder="$gettext('tt.mm.jjjj')"
                             mindate="today"
                             :emit-date="true"
                             return-as="iso"
@@ -66,7 +65,6 @@
                 <Datepicker v-model="endDate"
                             name="end-date"
                             :disable-holidays="true"
-                            :placeholder="$gettext('tt.mm.jjjj')"
                             :mindate="startDate"
                             :emit-date="true"
                             return-as="iso"
diff --git a/resources/vue/components/Datepicker.vue b/resources/vue/components/Datepicker.vue
index 9aeadf1..c041bd4 100644
--- a/resources/vue/components/Datepicker.vue
+++ b/resources/vue/components/Datepicker.vue
@@ -10,7 +10,8 @@
 </template>
 
 <script>
-import RestrictedDatesHelper from '../../assets/javascripts/lib/RestrictedDatesHelper';
+import RestrictedDatesHelper from '@/assets/javascripts/lib/RestrictedDatesHelper';
+import { $gettext } from "@/assets/javascripts/lib/gettext";
 
 export default {
     name: 'Datepicker',
@@ -24,7 +25,12 @@ export default {
         },
         mindate: [Date, Number, String],
         maxdate: [Date, Number, String],
-        placeholder: String,
+        placeholder: {
+            type: String,
+            default() {
+                return $gettext('tt.mm.jjjj');
+            }
+        },
         disableHolidays: {
             type: Boolean,
             default: false,
@@ -52,6 +58,7 @@ export default {
                 },
                 maxDate: this.convertInputToNativeDate(this.maxdate),
                 minDate: this.convertInputToNativeDate(this.mindate),
+                dateFormat: 'dd.mm.yy',
             };
             if (this.disableHolidays) {
                 params.beforeShowDay = (date) => {
@@ -79,7 +86,7 @@ export default {
                 return this.convertInputToNativeDate(this.modelValue).toISOString();
             }
 
-            return this.convertInputToNativeDate(this.modelValue).toLocaleDateString(String.locale);
+            return this.convertInputToNativeDate(this.modelValue).toLocaleDateString('de-DE');
         }
     },
     methods: {
@@ -115,7 +122,7 @@ export default {
 
         if (Number.isInteger(value)) {
             let date = new Date(value * 1000);
-            this.input.val(date.toLocaleDateString());
+            this.input.val(date.toLocaleDateString('de-DE'));
         } else {
             this.input.val(value);
         }
-- 
cgit v1.0