From 4699f1bca03591945340d6926227a9fc1f2bf706 Mon Sep 17 00:00:00 2001
From: aelassas <akram.elassas@gmail.com>
Date: Mon, 22 Apr 2024 11:49:26 +0100
Subject: [PATCH] Update DatePicker.tsx

---
 backend/src/components/DatePicker.tsx  | 13 ++++++++++++-
 frontend/src/components/DatePicker.tsx | 13 ++++++++++++-
 2 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/backend/src/components/DatePicker.tsx b/backend/src/components/DatePicker.tsx
index 29ff3f1e..5c486e16 100644
--- a/backend/src/components/DatePicker.tsx
+++ b/backend/src/components/DatePicker.tsx
@@ -22,7 +22,7 @@ interface DatePickerProps {
 const DatePicker = ({
   value: dateValue,
   label,
-  minDate,
+  minDate: minDateValue,
   maxDate,
   required,
   language,
@@ -32,11 +32,22 @@ const DatePicker = ({
   onError
 }: DatePickerProps) => {
   const [value, setValue] = useState<Date | null>(null)
+  const [minDate, setMinDate] = useState<Date>()
 
   useEffect(() => {
     setValue(dateValue || null)
   }, [dateValue])
 
+  useEffect(() => {
+    if (minDateValue) {
+      const _minDate = new Date(minDateValue)
+      _minDate.setHours(10, 0, 0, 0)
+      setMinDate(_minDate)
+    } else {
+      setMinDate(undefined)
+    }
+  }, [minDateValue])
+
   return (
     <LocalizationProvider adapterLocale={language === 'fr' ? fr : enUS} dateAdapter={AdapterDateFns}>
       <MuiDatePicker
diff --git a/frontend/src/components/DatePicker.tsx b/frontend/src/components/DatePicker.tsx
index 29ff3f1e..5c486e16 100644
--- a/frontend/src/components/DatePicker.tsx
+++ b/frontend/src/components/DatePicker.tsx
@@ -22,7 +22,7 @@ interface DatePickerProps {
 const DatePicker = ({
   value: dateValue,
   label,
-  minDate,
+  minDate: minDateValue,
   maxDate,
   required,
   language,
@@ -32,11 +32,22 @@ const DatePicker = ({
   onError
 }: DatePickerProps) => {
   const [value, setValue] = useState<Date | null>(null)
+  const [minDate, setMinDate] = useState<Date>()
 
   useEffect(() => {
     setValue(dateValue || null)
   }, [dateValue])
 
+  useEffect(() => {
+    if (minDateValue) {
+      const _minDate = new Date(minDateValue)
+      _minDate.setHours(10, 0, 0, 0)
+      setMinDate(_minDate)
+    } else {
+      setMinDate(undefined)
+    }
+  }, [minDateValue])
+
   return (
     <LocalizationProvider adapterLocale={language === 'fr' ? fr : enUS} dateAdapter={AdapterDateFns}>
       <MuiDatePicker