setdefault value for data range

src/components/Expenses/ExpenseSchema.js

@@ -106,6 +106,6 @@ export const defaultFilter = {
   statusIds:[],
   createdByIds:[],
   paidById:[],
-  startDate:"",
-  endDate:""
+  startDate:null,
+  endDate:null
 }

src/pages/Expense/ExpensePage.jsx

@@ -148,16 +148,24 @@ const ExpensePage = () => {
   const onSubmit = (data) => {
   setFilter(data)
   };
-  const setDateRange = ({ startDate, endDate }) => {
-    setValue(
-      "startDate",
-      startDate ? new Date(startDate).toISOString().split("T")[0] : null
-    );
-    setValue(
-      "endDate",
-      endDate ? new Date(endDate).toISOString().split("T")[0] : null
-    );
-  };
+const isValidDate = (date) => {
+  return date instanceof Date && !isNaN(date);
+};
+
+const setDateRange = ({ startDate, endDate }) => {
+  const parsedStart = new Date(startDate);
+  const parsedEnd = new Date(endDate);
+
+  setValue(
+    "startDate",
+    isValidDate(parsedStart) ? parsedStart.toISOString().split("T")[0] : null
+  );
+  setValue(
+    "endDate",
+    isValidDate(parsedEnd) ? parsedEnd.toISOString().split("T")[0] : null
+  );
+};
+
 
   const toggleDropdown = () => {
     setIsOpen((prev) => {