In the Image Gallery, the filter drawer's date picker should default to the last 7 days (today minus 7 days).
This commit is contained in:
parent
ae46350c51
commit
08d8f0b651
@ -8,6 +8,15 @@ const DateRangePickerNoDefault = ({
|
|||||||
const inputRef = useRef(null);
|
const inputRef = useRef(null);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
|
const today = new Date();
|
||||||
|
const sevenDaysAgo = new Date();
|
||||||
|
sevenDaysAgo.setDate(today.getDate() - 7);
|
||||||
|
|
||||||
|
const formatDate = (date) => date.toISOString().split('T')[0];
|
||||||
|
|
||||||
|
const defaultStartDate = formatDate(sevenDaysAgo);
|
||||||
|
const defaultEndDate = formatDate(today);
|
||||||
|
|
||||||
const fp = flatpickr(inputRef.current, {
|
const fp = flatpickr(inputRef.current, {
|
||||||
mode: "range",
|
mode: "range",
|
||||||
dateFormat: "Y-m-d",
|
dateFormat: "Y-m-d",
|
||||||
@ -24,7 +33,10 @@ const DateRangePickerNoDefault = ({
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
onReady: (selectedDates, dateStr, instance) => {
|
onReady: (selectedDates, dateStr, instance) => {
|
||||||
if (startDate && endDate) {
|
if (!startDate && !endDate) {
|
||||||
|
instance.setDate([defaultStartDate, defaultEndDate], true);
|
||||||
|
onRangeChange?.({ startDate: defaultStartDate, endDate: defaultEndDate });
|
||||||
|
} else if (startDate && endDate) {
|
||||||
instance.setDate([startDate, endDate], true);
|
instance.setDate([startDate, endDate], true);
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@ -32,8 +44,12 @@ const DateRangePickerNoDefault = ({
|
|||||||
|
|
||||||
if (startDate && endDate) {
|
if (startDate && endDate) {
|
||||||
fp.setDate([startDate, endDate], false);
|
fp.setDate([startDate, endDate], false);
|
||||||
} else if (!startDate && !endDate) {
|
} else if (!startDate && !endDate && fp.selectedDates.length > 0) {
|
||||||
fp.clear();
|
fp.clear();
|
||||||
|
onRangeChange?.({ startDate: defaultStartDate, endDate: defaultEndDate });
|
||||||
|
} else if (!startDate && !endDate && fp.selectedDates.length === 0) {
|
||||||
|
fp.setDate([defaultStartDate, defaultEndDate], false);
|
||||||
|
onRangeChange?.({ startDate: defaultStartDate, endDate: defaultEndDate });
|
||||||
}
|
}
|
||||||
|
|
||||||
return () => {
|
return () => {
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user