resolved taking incorrect date range

public/assets/vendor/css/core.css

@@ -20475,7 +20475,7 @@ li:not(:first-child) .dropdown-item,
 }
 /* text-size */
 .text-tiny{
-  font-size: 13px;
+  font-size: 10px;
 }
 /* rtl:end:remove */
 .text-primary {

src/components/common/DatePicker.jsx

@@ -22,22 +22,23 @@ const DatePicker = ({
   });
 
   useEffect(() => {
-    if (inputRef.current) {
-      flatpickr(inputRef.current, {
-        dateFormat: "d-m-Y",
-        allowInput: allowText, 
-        defaultDate: value
-          ? flatpickr.parseDate(value, "Y-m-d")
-          : null,
-        maxDate:maxDate,
-        minDate:new Date(minDate?.split("T")[0]) ?? undefined,
-        onChange: function (selectedDates, dateStr) {
-          onChange(dateStr); 
-        },
-        ...rest
-      });
-    }
-  }, [inputRef]);
+  if (inputRef.current) {
+    const parsedMinDate = minDate ? new Date(minDate.split("T")[0]) : undefined;
+
+    flatpickr(inputRef.current, {
+      dateFormat: "d-m-Y",
+      allowInput: allowText,
+      defaultDate: value ? flatpickr.parseDate(value, "Y-m-d") : null,
+      maxDate: maxDate,
+      minDate: parsedMinDate,
+      onChange: function (selectedDates, dateStr) {
+        onChange(dateStr);
+      },
+      ...rest
+    });
+  }
+}, [inputRef, minDate, maxDate]);
+
 
   return (
     <div className={` position-relative ${className}`}>