From 6df20de749f7392d05ffb0b66c88725e312bf3bc Mon Sep 17 00:00:00 2001 From: Pramod Mahajan Date: Mon, 14 Apr 2025 22:53:38 +0530 Subject: [PATCH] it will take default range date, initially whenever component mount --- src/components/common/DateRangePicker.jsx | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/src/components/common/DateRangePicker.jsx b/src/components/common/DateRangePicker.jsx index a8230e95..9c5bc2a4 100644 --- a/src/components/common/DateRangePicker.jsx +++ b/src/components/common/DateRangePicker.jsx @@ -5,16 +5,14 @@ const DateRangePicker = ({ onRangeChange }) => { const inputRef = useRef(null); useEffect(() => { - const today = new Date(); const fifteenDaysAgo = new Date(); fifteenDaysAgo.setDate(today.getDate() - 15); - const fp = flatpickr(inputRef.current, { mode: "range", dateFormat: "Y-m-d", - defaultDate: [fifteenDaysAgo, today], // ✅ set default range + defaultDate: [fifteenDaysAgo, today], static: true, clickOpens: true, onChange: (selectedDates, dateStr) => { @@ -23,6 +21,11 @@ const DateRangePicker = ({ onRangeChange }) => { }, }); + onRangeChange?.({ + startDate: fifteenDaysAgo.toISOString().split("T")[0], + endDate: today.toISOString().split("T")[0], + }); + return () => { fp.destroy(); };