Merge pull request 'In Attendance Log Tab date Range show set to today -1 to past 7 days.' (#227) from Kartik_Bug#629 into Issues_July_1W

Reviewed-on: #227

src/components/common/DateRangePicker.jsx

@@ -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();
+    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, {
       mode: "range",
@@ -25,8 +28,8 @@ const DateRangePicker = ({
       static: true,       
       clickOpens: true,   
       onChange: (selectedDates, dateStr) => {
-        const [startDate, endDate] = dateStr.split(" to ");
+        const [startDateString, endDateString] = dateStr.split(" to ");
-        onRangeChange?.({ startDate, endDate });
+        onRangeChange?.({ startDate: startDateString, endDate: endDateString });
       },
     });