fix: adding max date prop to today on date inputs

bcgov · Aug 1, 2024 · 4257042 · 4257042
1 parent a4997e1
commit 4257042
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 0 deletions.
diff --git a/frontend/src/components/SeedlotRegistrationSteps/CollectionStep/index.tsx b/frontend/src/components/SeedlotRegistrationSteps/CollectionStep/index.tsx
@@ -49,6 +49,9 @@ const CollectionStep = ({ isReview }: CollectionStepProps) => {
     isFormSubmitted
   } = useContext(ClassAContext);
 
+  const today = new Date();
+  const maxDate = today.toISOString().split('T')[0].replace(/-/g, '/');
+
   const [isCalcWrong, setIsCalcWrong] = useState<boolean>(false);
 
   const setAgencyAndCode = (
@@ -186,6 +189,7 @@ const CollectionStep = ({ isReview }: CollectionStepProps) => {
             datePickerType="single"
             dateFormat={DATE_FORMAT}
             readOnly={isFormSubmitted && !isReview}
+            maxDate={maxDate}
             value={state.startDate.value}
             onChange={(_e: Array<Date>, selectedDate: string) => {
               handleDateChange(true, selectedDate);
@@ -209,6 +213,7 @@ const CollectionStep = ({ isReview }: CollectionStepProps) => {
             datePickerType="single"
             dateFormat={DATE_FORMAT}
             minDate={state.startDate.value}
+            maxDate={maxDate}
             readOnly={isFormSubmitted && !isReview}
             value={state.endDate.value}
             onChange={(_e: Array<Date>, selectedDate: string) => {

diff --git a/frontend/src/components/SeedlotRegistrationSteps/ExtractionAndStorageStep/index.tsx b/frontend/src/components/SeedlotRegistrationSteps/ExtractionAndStorageStep/index.tsx
@@ -49,6 +49,9 @@ const ExtractionAndStorage = (
   const [isExtractorHintOpen, setIsExtractorHintOpen] = useState<boolean>(true);
   const [isStorageHintOpen, setIsStorageHintOpen] = useState<boolean>(true);
 
+  const today = new Date();
+  const maxDate = today.toISOString().split('T')[0].replace(/-/g, '/');
+
   const setAgencyAndCode = (
     isDefault: BooleanInputType,
     agency: OptionsInputType,
@@ -133,6 +136,7 @@ const ExtractionAndStorage = (
             datePickerType="single"
             name="extractionStartDate"
             dateFormat={DATE_FORMAT}
+            maxDate={maxDate}
             value={state.extraction.startDate.value}
             onChange={(_e: Array<Date>, selectedDate: string) => {
               handleDates(true, 'extraction', selectedDate);
@@ -156,6 +160,7 @@ const ExtractionAndStorage = (
             datePickerType="single"
             name="extractionEndDate"
             dateFormat={DATE_FORMAT}
+            maxDate={maxDate}
             value={state.extraction.endDate.value}
             onChange={(_e: Array<Date>, selectedDate: string) => {
               handleDates(false, 'extraction', selectedDate);
@@ -222,6 +227,7 @@ const ExtractionAndStorage = (
             datePickerType="single"
             name="storageStartDate"
             dateFormat={DATE_FORMAT}
+            maxDate={maxDate}
             value={state.seedStorage.startDate.value}
             onChange={(_e: Array<Date>, selectedDate: string) => {
               handleDates(true, 'seedStorage', selectedDate);
@@ -245,6 +251,7 @@ const ExtractionAndStorage = (
             datePickerType="single"
             name="storageEndDate"
             dateFormat={DATE_FORMAT}
+            maxDate={maxDate}
             value={state.seedStorage.endDate.value}
             onChange={(_e: Array<Date>, selectedDate: string) => {
               handleDates(false, 'seedStorage', selectedDate);

diff --git a/frontend/src/components/SeedlotRegistrationSteps/InterimStep/index.tsx b/frontend/src/components/SeedlotRegistrationSteps/InterimStep/index.tsx
@@ -48,6 +48,9 @@ const InterimStep = ({ isReview }:InterimStepProps) => {
 
   const [otherChecked, setOtherChecked] = useState(state.facilityType.value === 'OTH');
 
+  const today = new Date();
+  const maxDate = today.toISOString().split('T')[0].replace(/-/g, '/');
+
   const setAgencyAndCode = (
     agencyData: OptionsInputType,
     locationCodeData: StringInputType,
@@ -178,6 +181,7 @@ const InterimStep = ({ isReview }:InterimStepProps) => {
             datePickerType="single"
             name="startDate"
             dateFormat={DATE_FORMAT}
+            maxDate={maxDate}
             value={state.startDate.value}
             onChange={(_e: Array<Date>, selectedDate: string) => {
               handleStorageDates(true, selectedDate);
@@ -202,6 +206,7 @@ const InterimStep = ({ isReview }:InterimStepProps) => {
             name="endDate"
             dateFormat={DATE_FORMAT}
             minDate={state.startDate.value}
+            maxDate={maxDate}
             value={state.endDate.value}
             onChange={(_e: Array<Date>, selectedDate: string) => {
               handleStorageDates(false, selectedDate);