Date field not cleared in Tenant filter after clicking Clear button

src/components/Tenant/TenantFilterPanel.jsx

@@ -38,7 +38,7 @@ const TenantFilterPanel = ({ onApply }) => {
   );
 
 
-  // ✅ Close popup when navigating to another component
+  // Close popup when navigating to another component
   const location = useLocation();
   useEffect(() => {
     handleClosePanel();

src/components/common/DateRangePicker.jsx

@@ -148,10 +148,20 @@ export const DateRangePicker1 = ({
   }, []);
 
   useEffect(() => {
-    if (defaultRange && resetSignal !== undefined) {
+  if (resetSignal !== undefined) {
+    if (defaultRange) {
       applyDefaultDates();
+    } else {
+      setValue(startField, "", { shouldValidate: true });
+      setValue(endField, "", { shouldValidate: true });
+
+      if (inputRef.current?._flatpickr) {
+        inputRef.current._flatpickr.clear();
+      }
     }
-  }, [resetSignal, defaultRange]);
+  }
+}, [resetSignal, defaultRange, setValue, startField, endField]);
+
 
   const start = getValues(startField);
   const end = getValues(endField);