Compare commits

..

No commits in common. "777b8d8d0b442fd43bcf33e71cccc67c7c416a0f" and "dd40f55b0a1f5a0051c9f381770f03f8ff0a3d29" have entirely different histories.

2 changed files with 12 additions and 19 deletions

View File

@ -1,29 +1,22 @@
import React, { useEffect, useRef } from "react"; import React, { useEffect, useRef } from 'react';
const DateRangePicker = ({ onRangeChange }) => { const DateRangePicker = ({ onRangeChange }) => {
const inputRef = useRef(null); const inputRef = useRef(null);
useEffect(() => { useEffect(() => {
const today = new Date();
const fifteenDaysAgo = new Date();
fifteenDaysAgo.setDate(today.getDate() - 15);
const fp = flatpickr(inputRef.current, { const fp = flatpickr(inputRef.current, {
mode: "range", mode: "range",
dateFormat: "Y-m-d", dateFormat: "Y-m-d",
defaultDate: [fifteenDaysAgo, today], // set default range
static: true, static: true,
clickOpens: true, clickOpens: true,
onChange: (selectedDates, dateStr) => { onChange: (selectedDates, dateStr) => {
const [startDate, endDate] = dateStr.split(" to "); const [startDate, endDate] = dateStr.split(" to ");
onRangeChange?.({ startDate, endDate }); onRangeChange?.({ startDate, endDate });
}, }
}); });
return () => { return () => {
// Cleanup Flatpickr instance
fp.destroy(); fp.destroy();
}; };
}, [onRangeChange]); }, [onRangeChange]);

View File

@ -91,7 +91,7 @@ const DailyTask = () => {
<Breadcrumb <Breadcrumb
data={[ data={[
{ label: "Home", link: "/dashboard" }, { label: "Home", link: "/dashboard" },
{ label: "Daily Task", link: null }, { label: "Attendance", link: null },
]} ]}
></Breadcrumb> ></Breadcrumb>
<div className="card card-action mb-6"> <div className="card card-action mb-6">