fix: Block end date#309 (#521)

hasadna · Mar 1, 2024 · 70dee7d · 70dee7d
1 parent 6b5e27b
commit 70dee7d
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 1 deletion.
diff --git a/src/pages/components/DateSelector.tsx b/src/pages/components/DateSelector.tsx
@@ -4,7 +4,7 @@ import { useTranslation } from 'react-i18next'
 import { DataAndTimeSelectorProps } from './utils/dateAndTime'
 import { DateValidationError } from '@mui/x-date-pickers'
 
-export function DateSelector({ time, onChange, customLabel }: DataAndTimeSelectorProps) {
+export function DateSelector({ time, onChange, customLabel, minDate }: DataAndTimeSelectorProps) {
   const [error, setError] = useState<DateValidationError | null>(null)
   const { t } = useTranslation()
 
@@ -31,6 +31,7 @@ export function DateSelector({ time, onChange, customLabel }: DataAndTimeSelecto
         format="DD/MM/YYYY"
         label={customLabel || t('choose_date')}
         disableFuture
+        minDate={minDate}
         onError={(err) => setError(err)}
         slotProps={{
           textField: {

diff --git a/src/pages/components/utils/dateAndTime.tsx b/src/pages/components/utils/dateAndTime.tsx
@@ -4,4 +4,5 @@ export type DataAndTimeSelectorProps = {
   time: moment.Moment
   onChange: (timeValid: moment.Moment) => void
   customLabel?: string
+  minDate?: moment.Moment
 }
diff --git a/src/pages/dashboard/DashboardPage.tsx b/src/pages/dashboard/DashboardPage.tsx
@@ -56,6 +56,7 @@ const DashboardPage = () => {
             <DateSelector
               time={endDate}
               onChange={(data) => setEndDate(data)}
+              minDate={startDate}
               customLabel={t('end')}
             />
           </Grid>

diff --git a/src/pages/gapsPatterns/GapsPatternsPage.tsx b/src/pages/gapsPatterns/GapsPatternsPage.tsx
@@ -200,6 +200,7 @@ const GapsPatternsPage = () => {
             <DateSelector
               time={endDate}
               onChange={(data) => setEndDate(data)}
+              minDate={startDate}
               customLabel={t('end')}
             />
           </Grid>