Update DatePicker.tsx

aelassas · Apr 22, 2024 · 4699f1b · 4699f1b
1 parent 017ef05
commit 4699f1b
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 2 deletions.
diff --git 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
@@ -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