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