set up deafult dates

This commit is contained in:
Pramod Mahajan 2025-04-14 17:30:29 +05:30
parent c83161d5ab
commit 777b8d8d0b

View File

@ -1,22 +1,29 @@
import React, { useEffect, useRef } from 'react';
import React, { useEffect, useRef } from "react";
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",
static: true,
clickOpens: true,
onChange: (selectedDates, dateStr) => {
const [startDate, endDate] = dateStr.split(" to ");
onRangeChange?.({ startDate, endDate });
}
});
mode: "range",
dateFormat: "Y-m-d",
defaultDate: [fifteenDaysAgo, today], // set default range
static: true,
clickOpens: true,
onChange: (selectedDates, dateStr) => {
const [startDate, endDate] = dateStr.split(" to ");
onRangeChange?.({ startDate, endDate });
},
});
return () => {
// Cleanup Flatpickr instance
fp.destroy();
};
}, [onRangeChange]);