set up deafult dates
This commit is contained in:
parent
c83161d5ab
commit
777b8d8d0b
@ -1,22 +1,29 @@
|
|||||||
import React, { useEffect, useRef } from 'react';
|
import React, { useEffect, useRef } from "react";
|
||||||
|
|
||||||
|
|
||||||
const DateRangePicker = ({ onRangeChange }) => {
|
const DateRangePicker = ({ onRangeChange }) => {
|
||||||
const inputRef = useRef(null);
|
const inputRef = useRef(null);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
|
|
||||||
|
const today = new Date();
|
||||||
|
const fifteenDaysAgo = new Date();
|
||||||
|
fifteenDaysAgo.setDate(today.getDate() - 15);
|
||||||
|
|
||||||
|
|
||||||
const fp = flatpickr(inputRef.current, {
|
const fp = flatpickr(inputRef.current, {
|
||||||
mode: "range",
|
mode: "range",
|
||||||
dateFormat: "Y-m-d",
|
dateFormat: "Y-m-d",
|
||||||
static: true,
|
defaultDate: [fifteenDaysAgo, today], // ✅ set default range
|
||||||
clickOpens: true,
|
static: true,
|
||||||
onChange: (selectedDates, dateStr) => {
|
clickOpens: true,
|
||||||
const [startDate, endDate] = dateStr.split(" to ");
|
onChange: (selectedDates, dateStr) => {
|
||||||
onRangeChange?.({ startDate, endDate });
|
const [startDate, endDate] = dateStr.split(" to ");
|
||||||
}
|
onRangeChange?.({ startDate, endDate });
|
||||||
});
|
},
|
||||||
|
});
|
||||||
|
|
||||||
return () => {
|
return () => {
|
||||||
// Cleanup Flatpickr instance
|
|
||||||
fp.destroy();
|
fp.destroy();
|
||||||
};
|
};
|
||||||
}, [onRangeChange]);
|
}, [onRangeChange]);
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user