#601 add validation for start and end date

NBISweden · Sep 22, 2022 · 286076f · 286076f
1 parent b0de4c9
commit 286076f
Showing 1 changed file with 20 additions and 6 deletions.
diff --git a/frontend/src/pages/AbsencePlanner.tsx b/frontend/src/pages/AbsencePlanner.tsx
@@ -555,6 +555,26 @@ export const AbsencePlanner = () => {
             "Please fill in both the starting and end date of your absence",
         },
       ]);
+    } else if (startDate < new Date()) {
+      setToastList([
+        ...toastList,
+        {
+          type: "warning",
+          timeout: 10000,
+          message: "Please choose a start date that is not in the past.",
+        },
+      ]);
+    } else if (
+      endDate > new Date(`January 1, ${startDate.getFullYear() + 10}`)
+    ) {
+      setToastList([
+        ...toastList,
+        {
+          type: "warning",
+          timeout: 10000,
+          message: "You can't plan absence more than 10 years ahead.",
+        },
+      ]);
     } else if (
       startDate.getTime() &&
       endDate.getTime() &&
@@ -649,8 +669,6 @@ export const AbsencePlanner = () => {
         document.getElementById("toDate").focus();
       }}
       showWeekNumbers
-      minDate={new Date()}
-      maxDate={new Date(`January 1, ${new Date().getFullYear() + 10}`)}
       locale={sv}
       showYearDropdown
       todayButton="Idag"
@@ -675,10 +693,6 @@ export const AbsencePlanner = () => {
         document.getElementById("addAbsence").focus();
       }}
       showWeekNumbers
-      minDate={startDate}
-      maxDate={
-        startDate && new Date(`January 1, ${startDate.getFullYear() + 10}`)
-      }
       locale={sv}
       showYearDropdown
       todayButton="Idag"