From dba435dafb6ba91ea790dad97bd5ccb7b8d5ddd4 Mon Sep 17 00:00:00 2001
From: SimonGschnell <simongschnell@gmail.com>
Date: Thu, 10 Jul 2025 12:10:39 +0200
Subject: [PATCH] fix(VueDatepicker darkmode): updates the dark mode property
 of the vueDatePicker if the theme is switched to light or dark mode

---
 public/js/components/Cis/Raumsuche/Raumsuche.js | 10 ++++++----
 public/js/plugin/Theme.js                       |  5 +++--
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/public/js/components/Cis/Raumsuche/Raumsuche.js b/public/js/components/Cis/Raumsuche/Raumsuche.js
index 978e92407..6878cefc2 100644
--- a/public/js/components/Cis/Raumsuche/Raumsuche.js
+++ b/public/js/components/Cis/Raumsuche/Raumsuche.js
@@ -184,12 +184,11 @@ export const Raumsuche =  {
 			}
 
 		}
-	},
-	watch: {
-
 	},
 	computed: {
-
+		isDarkMode(){
+			return this.$theme.theme_name.value == 'dark';
+		}
 	},
 	created() {
 		
@@ -203,6 +202,7 @@ export const Raumsuche =  {
 	<div class="row">
 		<div class="col-12 col-lg-2">
 			<VueDatePicker
+				:dark="isDarkMode"
 				v-model="datum"
 				:clearable="false"
 				date-picker
@@ -215,6 +215,7 @@ export const Raumsuche =  {
 		</div>
 		<div class="col-12 col-lg-1">
 			<VueDatePicker
+				:dark="isDarkMode"
 				v-model="von"
 				:clearable="false"
 				time-picker
@@ -227,6 +228,7 @@ export const Raumsuche =  {
 		</div>
 		<div class="col-12 col-lg-1">
 			<VueDatePicker
+				:dark="isDarkMode"
 				v-model="bis"
 				:clearable="false"
 				time-picker
diff --git a/public/js/plugin/Theme.js b/public/js/plugin/Theme.js
index d063b4d46..a6360d4a6 100644
--- a/public/js/plugin/Theme.js
+++ b/public/js/plugin/Theme.js
@@ -1,4 +1,4 @@
-const theme_name= FHC_JS_DATA_STORAGE_OBJECT.theme.name;
+let theme_name = Vue.ref(FHC_JS_DATA_STORAGE_OBJECT.theme.name);
 const theme_modes = FHC_JS_DATA_STORAGE_OBJECT.theme.modes;
 
 const toggleTheme = (theme)=>{
@@ -7,6 +7,7 @@ const toggleTheme = (theme)=>{
 	for (const theme of theme_modes) {
 		document.documentElement.classList.remove(theme);
 	}
+	theme_name.value = theme;
 	document.documentElement.classList.add(theme);
 
 	document.body.setAttribute("data-bs-theme", theme);
@@ -40,7 +41,7 @@ const initializeTheme = ()=>{
 export default {
 	install: (app,options)=>{
 		
-		document.documentElement.classList.add(theme_name);
+		document.documentElement.classList.add(theme_name.value);
 
 		initializeTheme();