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

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

@ -3,7 +3,7 @@ import React, { useEffect, useRef } from "react";
const DateRangePicker = ({
onRangeChange,
DateDifference = 7,
endDateMode = "yesterday", // "today" or "yesterday"
endDateMode = "yesterday",
}) => {
const inputRef = useRef(null);
@ -13,8 +13,11 @@ const DateRangePicker = ({
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",
@ -25,8 +28,8 @@ const DateRangePicker = ({
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 });
},
});