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 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]);
|
||||
|
Loading…
x
Reference in New Issue
Block a user