admin/marco.pms.web
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

In Attendance Log Tab date Range show set to today -1 to past 7 days.

Browse Source
This commit is contained in:
Kartik sharma 2025-07-01 16:47:03 +05:30
parent c1a31e6b3e
commit e85dfb3922
1 changed files with 18 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
src/components/common/DateRangePicker.jsx
View File

@ -2,37 +2,40 @@ import React, { useEffect, useRef } from "react";
const DateRangePicker = ({
onRangeChange,
DateDifference = 7,
endDateMode = "yesterday", // "today" or "yesterday"
DateDifference = 7,
endDateMode = "yesterday",
}) => {
const inputRef = useRef(null);
useEffect(() => {
const endDate = new Date();
if (endDateMode === "yesterday") {
endDate.setDate(endDate.getDate() - 1);
endDate.setDate(endDate.getDate() - 1);
}
const startDate = new Date();
startDate.setDate(endDate.getDate() - DateDifference);
endDate.setHours(0, 0, 0, 0);
const startDate = new Date(endDate);
startDate.setDate(endDate.getDate() - (DateDifference - 1));
startDate.setHours(0, 0, 0, 0);
const fp = flatpickr(inputRef.current, {
mode: "range",
dateFormat: "Y-m-d",
altInput: true,
altFormat: "d-m-Y",
defaultDate: [startDate, endDate],
static: true,
clickOpens: true,
dateFormat: "Y-m-d",
altInput: true,
altFormat: "d-m-Y",
defaultDate: [startDate, endDate],
static: true,
clickOpens: true,
onChange: (selectedDates, dateStr) => {
const [startDate, endDate] = dateStr.split(" to ");
onRangeChange?.({ startDate, endDate });
const [startDateString, endDateString] = dateStr.split(" to ");
onRangeChange?.({ startDate: startDateString, endDate: endDateString });
},
});
onRangeChange?.({
startDate: startDate.toLocaleDateString("en-CA"),
endDate: endDate.toLocaleDateString("en-CA"),
startDate: startDate.toLocaleDateString("en-CA"),
endDate: endDate.toLocaleDateString("en-CA"),
});
return () => {