fix: start and end default values

laurelin60 · Dec 29, 2023 · 0a94429 · 0a94429
1 parent 6525a42
commit 0a94429
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 4 deletions.
diff --git a/components/search/filterComponents.tsx b/components/search/filterComponents.tsx
@@ -59,7 +59,7 @@ export const CustomFilterCheckbox = (props: FilterCheckboxProps) => {
 
 interface CalendarFilterProps {
     onStartChange: Dispatch<SetStateAction<string>>;
-    onEndChange: Dispatch<SetStateAction<string | undefined>>;
+    onEndChange: Dispatch<SetStateAction<string>>;
     defaultStart: string | undefined;
     defaultEnd: string | undefined;
 }

diff --git a/components/search/filters.tsx b/components/search/filters.tsx
@@ -14,7 +14,7 @@ interface SearchFilterProps {
     setEnrollment: Dispatch<SetStateAction<boolean[]>>;
     setAvailable: Dispatch<SetStateAction<boolean[]>>;
     setStart: Dispatch<SetStateAction<string>>;
-    setEnd: Dispatch<SetStateAction<string | undefined>>;
+    setEnd: Dispatch<SetStateAction<string>>;
     setInstitution: Dispatch<SetStateAction<string>>;
     setMin: Dispatch<SetStateAction<number>>;
     setMax: Dispatch<SetStateAction<number>>;

diff --git a/components/search/search.tsx b/components/search/search.tsx
@@ -70,8 +70,14 @@ const Search = () => {
     const [format, setFormat] = useState([true, true]);
     const [enrollment, setEnrollment] = useState([true]);
     const [available, setAvailable] = useState([true]);
-    const [start, setStart] = useState(new Date().toLocaleDateString("en-CA"));
-    const [end, setEnd] = useState<string>();
+    const [start, setStart] = useState(() => {
+        const today = new Date();
+        const year = today.getFullYear();
+        const month = (today.getMonth() + 1).toString().padStart(2, "0");
+        const day = today.getDate().toString().padStart(2, "0");
+        return `${year}-${month}-${day}`;
+    });
+    const [end, setEnd] = useState("");
     const [institution, setInstitution] = useState("Any Institution");
     const [min, setMin] = useState(0);
     const [max, setMax] = useState(20);