cortex-react-components 3.0.7 → 3.0.9

package/dist/components/Heros/index.mjs

@@ -4,26 +4,26 @@ import {
 import {
   Breadcrumbs,
   RenderHero
-} from "../../chunk-K3TF6OWE.mjs";
+} from "../../chunk-BVCARDFK.mjs";
 import {
   SectionHero
 } from "../../chunk-N77BYZ6A.mjs";
-import {
-  HighImpactHero
-} from "../../chunk-DO73CLFG.mjs";
 import {
   MediumImpactHero
-} from "../../chunk-DAGWV4UL.mjs";
+} from "../../chunk-SRK3Y7FA.mjs";
+import {
+  HighImpactHero
+} from "../../chunk-AQPLEBKG.mjs";
 import {
   LowImpactHero
-} from "../../chunk-OXZ5QAXQ.mjs";
+} from "../../chunk-S4FUSOSS.mjs";
 import {
   PostHero
 } from "../../chunk-R3LWKUWD.mjs";
-import "../../chunk-JCFLPLDK.mjs";
-import "../../chunk-IBQBZNEA.mjs";
 import "../../chunk-3VKPPG4Z.mjs";
 import "../../chunk-T2CLUB2R.mjs";
+import "../../chunk-IBQBZNEA.mjs";
+import "../../chunk-JCFLPLDK.mjs";
 import "../../chunk-6V75REDA.mjs";
 import "../../chunk-B2NSGNGK.mjs";
 import "../../chunk-WMIXALIT.mjs";
@@ -36,27 +36,28 @@ import "../../chunk-4UJUWE3A.mjs";
 import "../../chunk-7CVOGGH6.mjs";
 import "../../chunk-RFP2KGUZ.mjs";
 import "../../chunk-W5ROY7BH.mjs";
-import "../../chunk-LSHBOPCT.mjs";
+import "../../chunk-27NWC2OO.mjs";
 import "../../chunk-YLULVMZ7.mjs";
 import "../../chunk-2NXKZY7U.mjs";
 import "../../chunk-GSG52WU5.mjs";
 import "../../chunk-US72SCH3.mjs";
 import "../../chunk-G6EC37S7.mjs";
 import "../../chunk-LTOFCHXU.mjs";
+import "../../chunk-LIJ2ES4B.mjs";
 import "../../chunk-GTHNG3Q7.mjs";
 import "../../chunk-PE44IHZN.mjs";
 import "../../chunk-4GLXI5J3.mjs";
 import "../../chunk-2X45TVQS.mjs";
 import "../../chunk-DTQ2W22B.mjs";
-import "../../chunk-LIJ2ES4B.mjs";
 import "../../chunk-6GO5N6ZP.mjs";
-import "../../chunk-WPX6MOFB.mjs";
 import "../../chunk-3R2LCGLI.mjs";
 import "../../chunk-NKRBXAPF.mjs";
 import "../../chunk-MW5UCIIC.mjs";
 import "../../chunk-ZYKYDIOF.mjs";
+import "../../chunk-WPX6MOFB.mjs";
 import "../../chunk-R57RJLFQ.mjs";
 import "../../chunk-GIHP74M4.mjs";
+import "../../chunk-F4LCVFZK.mjs";
 import "../../chunk-3BYULUMU.mjs";
 import "../../chunk-RZRMW2DZ.mjs";
 import "../../chunk-GUHOQLS3.mjs";

package/dist/components/Holidays/CalendarView.d.ts

@@ -2,6 +2,7 @@ interface CalendarViewProps {
     currentDate: Date;
     setCurrentDate: (date: Date) => void;
     holidays: Holiday[];
+    today: Date;
 }
 interface Holiday {
     id: string;
@@ -13,5 +14,5 @@ interface Holiday {
     totalDays: number;
     leaveType: 'Full Day' | 'Morning' | 'Afternoon';
 }
-export declare function CalendarView({ currentDate, setCurrentDate, holidays }: CalendarViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function CalendarView({ currentDate, setCurrentDate, holidays, today }: CalendarViewProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Holidays/CalendarView.js

@@ -2565,38 +2565,42 @@ Button.displayName = "Button";
 
 // src/components/Holidays/CalendarView.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
-function CalendarView({ currentDate, setCurrentDate, holidays }) {
+function CalendarView({ currentDate, setCurrentDate, holidays, today }) {
   const [selectedDay, setSelectedDay] = (0, import_react.useState)(null);
-  const firstDayOfMonth = (new Date(currentDate.getFullYear(), currentDate.getMonth(), 1).getDay() + 6) % 7;
+  const isSameUtcDay = (a, b) => a.getUTCFullYear() === b.getUTCFullYear() && a.getUTCMonth() === b.getUTCMonth() && a.getUTCDate() === b.getUTCDate();
+  const firstDayOfMonth = (new Date(Date.UTC(currentDate.getUTCFullYear(), currentDate.getUTCMonth(), 1)).getUTCDay() + 6) % 7;
   const days = Array.from({ length: 42 }, (_, i) => {
     const day = new Date(
-      currentDate.getFullYear(),
-      currentDate.getMonth(),
-      i - firstDayOfMonth + 1,
-      currentDate.getHours()
+      Date.UTC(
+        currentDate.getUTCFullYear(),
+        currentDate.getUTCMonth(),
+        i - firstDayOfMonth + 1
+      )
     );
     const filteredHolidays = holidays.filter(
       (h) => TimeUtil.toUtcMidnight(new Date(h.startDate)) <= day && TimeUtil.toUtcEndOfDay(new Date(h.endDate)) >= day
     );
     return {
       date: day,
-      isCurrentMonth: day.getMonth() === currentDate.getMonth(),
-      isToday: day.toDateString() === (/* @__PURE__ */ new Date()).toDateString(),
+      isCurrentMonth: day.getUTCMonth() === currentDate.getUTCMonth(),
+      isToday: isSameUtcDay(day, today),
       holidays: filteredHolidays
     };
   });
   const prevMonth = () => {
-    setCurrentDate(new Date(currentDate.getFullYear(), currentDate.getMonth() - 1, 1));
+    setCurrentDate(new Date(Date.UTC(currentDate.getUTCFullYear(), currentDate.getUTCMonth() - 1, 1)));
   };
   const nextMonth = () => {
-    setCurrentDate(new Date(currentDate.getFullYear(), currentDate.getMonth() + 1, 1));
+    setCurrentDate(new Date(Date.UTC(currentDate.getUTCFullYear(), currentDate.getUTCMonth() + 1, 1)));
   };
   const setToday = () => {
-    setCurrentDate(/* @__PURE__ */ new Date());
+    setCurrentDate(TimeUtil.toUtcMidnight(/* @__PURE__ */ new Date()));
   };
+  const months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
+  const monthYearDisplay = `${months[currentDate.getUTCMonth()]} ${currentDate.getUTCFullYear()}`;
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "lg:flex lg:h-full lg:flex-col", children: [
     /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("header", { className: "flex items-center justify-between border-b border-gray-200 px-6 py-4 lg:flex-none", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h1", { className: "text-base font-semibold text-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("time", { dateTime: currentDate.toISOString(), children: currentDate.toLocaleString("default", { month: "long", year: "numeric" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h1", { className: "text-base font-semibold text-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("time", { dateTime: currentDate.toISOString(), children: monthYearDisplay }) }),
       /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "flex items-center", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "relative flex items-center rounded-md gap-1 md:items-stretch", children: [
         /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
           Button,
@@ -2683,7 +2687,7 @@ function CalendarView({ currentDate, setCurrentDate, holidays }) {
                     "flex h-6 w-6 items-center justify-center rounded-full",
                     day.isToday && "bg-indigo-600 font-semibold text-white"
                   ),
-                  children: day.date.getDate()
+                  children: day.date.getUTCDate()
                 }
               ),
               day.holidays.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("ol", { className: "mt-2 space-y-1 overflow-visible", children: day.holidays.map((holiday) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("li", { className: "overflow-visible", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
@@ -2720,7 +2724,7 @@ function CalendarView({ currentDate, setCurrentDate, holidays }) {
                     day.date === selectedDay && day.isToday && "flex h-6 w-6 items-center justify-center rounded-full bg-indigo-600",
                     day.date === selectedDay && !day.isToday && "flex h-6 w-6 items-center justify-center rounded-full bg-gray-900"
                   ),
-                  children: day.date.getDate()
+                  children: day.date.getUTCDate()
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "sr-only", children: [

package/dist/components/Holidays/CalendarView.mjs

@@ -2,7 +2,7 @@
 "use strict";
 import {
   CalendarView
-} from "../../chunk-LCRSPNPB.mjs";
+} from "../../chunk-LELKTN52.mjs";
 import "../../chunk-I6LSWXZW.mjs";
 import "../../chunk-BXLYIIII.mjs";
 import "../../chunk-JHOP4BOK.mjs";

package/dist/components/Holidays/HolidayGrid.js

@@ -2636,9 +2636,11 @@ var bankHolidays = [
 
 // src/utils/DaysUtil.ts
 var isDayOff = (date) => {
-  const isSunday = date.getDay() === 0;
-  const isSaturday = date.getDay() === 6;
-  const isBankHoliday = bankHolidays.some((h) => h.toISOString() === date.toISOString());
+  const isSunday = date.getUTCDay() === 0;
+  const isSaturday = date.getUTCDay() === 6;
+  const isBankHoliday = bankHolidays.some(
+    (h) => h.getFullYear() === date.getUTCFullYear() && h.getMonth() === date.getUTCMonth() && h.getDate() === date.getUTCDate()
+  );
   return isSunday || isSaturday || isBankHoliday;
 };
 

package/dist/components/Holidays/HolidayGrid.mjs

@@ -1,7 +1,7 @@
 import {
   HolidayGrid
-} from "../../chunk-7ZMZT7I6.mjs";
-import "../../chunk-I4UOIVSC.mjs";
+} from "../../chunk-P7BPG7W7.mjs";
+import "../../chunk-PIQUYPOZ.mjs";
 import "../../chunk-IZ2IHNU4.mjs";
 import "../../chunk-DNKWV24K.mjs";
 import "../../chunk-I6LSWXZW.mjs";

package/dist/components/Holidays/HolidayTracker.d.ts

@@ -6,6 +6,7 @@ interface HolidayTrackerProps {
     leaveApprovals: LeaveRequest[];
     employees: Employee[];
     currentDate: string;
+    today: string;
     currentUser: {
         grade: string;
         remainingLeaveDays: number;
@@ -23,5 +24,5 @@ interface HolidayTrackerProps {
         message: string;
     }>;
 }
-export declare function HolidayTracker({ holidays, currentUser, currentDate, leaveApprovals, employees, submitLeaveRequest, approveLeave, rejectLeave, }: HolidayTrackerProps): import("react/jsx-runtime").JSX.Element;
+export declare function HolidayTracker({ holidays, currentUser, currentDate, today, leaveApprovals, employees, submitLeaveRequest, approveLeave, rejectLeave, }: HolidayTrackerProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Holidays/HolidayTracker.js

@@ -2642,14 +2642,16 @@ var bankHolidays = [
 
 // src/utils/DaysUtil.ts
 var isDayOff = (date) => {
-  const isSunday = date.getDay() === 0;
-  const isSaturday = date.getDay() === 6;
-  const isBankHoliday = bankHolidays.some((h) => h.toISOString() === date.toISOString());
+  const isSunday = date.getUTCDay() === 0;
+  const isSaturday = date.getUTCDay() === 6;
+  const isBankHoliday = bankHolidays.some(
+    (h) => h.getFullYear() === date.getUTCFullYear() && h.getMonth() === date.getUTCMonth() && h.getDate() === date.getUTCDate()
+  );
   return isSunday || isSaturday || isBankHoliday;
 };
 var getTotalDaysBetween = (startDate, endDate, isHalfDay = false) => {
-  const start = new Date(startDate);
-  const end = new Date(endDate);
+  let start = new Date(Date.UTC(startDate.getUTCFullYear(), startDate.getUTCMonth(), startDate.getUTCDate()));
+  const end = new Date(Date.UTC(endDate.getUTCFullYear(), endDate.getUTCMonth(), endDate.getUTCDate()));
   let count = 0;
   if (isHalfDay && !isDayOff(start)) {
     return 0.5;
@@ -2658,7 +2660,7 @@ var getTotalDaysBetween = (startDate, endDate, isHalfDay = false) => {
     if (!isDayOff(start)) {
       count++;
     }
-    start.setDate(start.getDate() + 1);
+    start = new Date(start.getTime() + 24 * 60 * 60 * 1e3);
   }
   return count;
 };
@@ -2666,7 +2668,7 @@ var getIsMultipleDays = (startDate, endDate) => {
   if (!startDate || !endDate) {
     return false;
   }
-  const isMultipleDays = startDate.toDateString() !== endDate.toDateString();
+  const isMultipleDays = startDate.getUTCFullYear() !== endDate.getUTCFullYear() || startDate.getUTCMonth() !== endDate.getUTCMonth() || startDate.getUTCDate() !== endDate.getUTCDate();
   return isMultipleDays;
 };
 
@@ -2840,38 +2842,42 @@ function HolidayGrid({
 var import_react = require("react");
 var import_lucide_react2 = require("lucide-react");
 var import_jsx_runtime4 = require("react/jsx-runtime");
-function CalendarView({ currentDate, setCurrentDate, holidays }) {
+function CalendarView({ currentDate, setCurrentDate, holidays, today }) {
   const [selectedDay, setSelectedDay] = (0, import_react.useState)(null);
-  const firstDayOfMonth = (new Date(currentDate.getFullYear(), currentDate.getMonth(), 1).getDay() + 6) % 7;
+  const isSameUtcDay = (a, b) => a.getUTCFullYear() === b.getUTCFullYear() && a.getUTCMonth() === b.getUTCMonth() && a.getUTCDate() === b.getUTCDate();
+  const firstDayOfMonth = (new Date(Date.UTC(currentDate.getUTCFullYear(), currentDate.getUTCMonth(), 1)).getUTCDay() + 6) % 7;
   const days = Array.from({ length: 42 }, (_, i) => {
     const day = new Date(
-      currentDate.getFullYear(),
-      currentDate.getMonth(),
-      i - firstDayOfMonth + 1,
-      currentDate.getHours()
+      Date.UTC(
+        currentDate.getUTCFullYear(),
+        currentDate.getUTCMonth(),
+        i - firstDayOfMonth + 1
+      )
     );
     const filteredHolidays = holidays.filter(
       (h) => TimeUtil.toUtcMidnight(new Date(h.startDate)) <= day && TimeUtil.toUtcEndOfDay(new Date(h.endDate)) >= day
     );
     return {
       date: day,
-      isCurrentMonth: day.getMonth() === currentDate.getMonth(),
-      isToday: day.toDateString() === (/* @__PURE__ */ new Date()).toDateString(),
+      isCurrentMonth: day.getUTCMonth() === currentDate.getUTCMonth(),
+      isToday: isSameUtcDay(day, today),
       holidays: filteredHolidays
     };
   });
   const prevMonth = () => {
-    setCurrentDate(new Date(currentDate.getFullYear(), currentDate.getMonth() - 1, 1));
+    setCurrentDate(new Date(Date.UTC(currentDate.getUTCFullYear(), currentDate.getUTCMonth() - 1, 1)));
   };
   const nextMonth = () => {
-    setCurrentDate(new Date(currentDate.getFullYear(), currentDate.getMonth() + 1, 1));
+    setCurrentDate(new Date(Date.UTC(currentDate.getUTCFullYear(), currentDate.getUTCMonth() + 1, 1)));
   };
   const setToday = () => {
-    setCurrentDate(/* @__PURE__ */ new Date());
+    setCurrentDate(TimeUtil.toUtcMidnight(/* @__PURE__ */ new Date()));
   };
+  const months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
+  const monthYearDisplay = `${months[currentDate.getUTCMonth()]} ${currentDate.getUTCFullYear()}`;
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "lg:flex lg:h-full lg:flex-col", children: [
     /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("header", { className: "flex items-center justify-between border-b border-gray-200 px-6 py-4 lg:flex-none", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h1", { className: "text-base font-semibold text-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("time", { dateTime: currentDate.toISOString(), children: currentDate.toLocaleString("default", { month: "long", year: "numeric" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h1", { className: "text-base font-semibold text-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("time", { dateTime: currentDate.toISOString(), children: monthYearDisplay }) }),
       /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "flex items-center", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "relative flex items-center rounded-md gap-1 md:items-stretch", children: [
         /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
           Button,
@@ -2958,7 +2964,7 @@ function CalendarView({ currentDate, setCurrentDate, holidays }) {
                     "flex h-6 w-6 items-center justify-center rounded-full",
                     day.isToday && "bg-indigo-600 font-semibold text-white"
                   ),
-                  children: day.date.getDate()
+                  children: day.date.getUTCDate()
                 }
               ),
               day.holidays.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("ol", { className: "mt-2 space-y-1 overflow-visible", children: day.holidays.map((holiday) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("li", { className: "overflow-visible", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
@@ -2995,7 +3001,7 @@ function CalendarView({ currentDate, setCurrentDate, holidays }) {
                     day.date === selectedDay && day.isToday && "flex h-6 w-6 items-center justify-center rounded-full bg-indigo-600",
                     day.date === selectedDay && !day.isToday && "flex h-6 w-6 items-center justify-center rounded-full bg-gray-900"
                   ),
-                  children: day.date.getDate()
+                  children: day.date.getUTCDate()
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "sr-only", children: [
@@ -3104,7 +3110,6 @@ var PopoverContent = React4.forwardRef(({ className, align = "center", sideOffse
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 
 // src/components/Holidays/RequestLeave.tsx
-var import_date_fns = require("date-fns");
 var import_lucide_react3 = require("lucide-react");
 var import_navigation = require("next/navigation");
 var import_sonner = require("sonner");
@@ -3124,11 +3129,26 @@ var ButtonGroup = ({ options, value, onChange, disabled = [] }) => {
   )) });
 };
 function RequestLeave({ remainingDays, submitLeaveRequest }) {
-  const [startDate, setStartDate] = (0, import_react2.useState)(/* @__PURE__ */ new Date());
-  const [endDate, setEndDate] = (0, import_react2.useState)(/* @__PURE__ */ new Date());
+  const setToMidnightUTC = (date) => {
+    return new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate(), 0, 0, 0, 0));
+  };
+  const formatDateUTC = (date) => {
+    const months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
+    const day = date.getUTCDate();
+    const month = months[date.getUTCMonth()];
+    const year = date.getUTCFullYear();
+    const suffix = day === 1 || day === 21 || day === 31 ? "st" : day === 2 || day === 22 ? "nd" : day === 3 || day === 23 ? "rd" : "th";
+    return `${month} ${day}${suffix}, ${year}`;
+  };
+  const [startDate, setStartDate] = (0, import_react2.useState)(void 0);
+  const [endDate, setEndDate] = (0, import_react2.useState)(void 0);
+  (0, import_react2.useEffect)(() => {
+    if (startDate === void 0) setStartDate(setToMidnightUTC(/* @__PURE__ */ new Date()));
+    if (endDate === void 0) setEndDate(setToMidnightUTC(/* @__PURE__ */ new Date()));
+  }, []);
   const [leaveType, setLeaveType] = (0, import_react2.useState)("Full Day");
   const [isMultipleDays, setIsMultipleDays] = (0, import_react2.useState)(false);
-  const [totalDays, setTotalDays] = (0, import_react2.useState)(1);
+  const [totalDays, setTotalDays] = (0, import_react2.useState)(0);
   const router = (0, import_navigation.useRouter)();
   (0, import_react2.useEffect)(() => {
     const isMultipleDays2 = getIsMultipleDays(startDate, endDate);
@@ -3197,7 +3217,7 @@ function RequestLeave({ remainingDays, submitLeaveRequest }) {
                 ),
                 children: [
                   /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react3.CalendarIcon, { className: "mr-2 h-4 w-4" }),
-                  startDate ? (0, import_date_fns.format)(startDate, "PPP") : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "Pick a date" })
+                  startDate ? formatDateUTC(startDate) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "Pick a date" })
                 ]
               }
             ) }),
@@ -3207,9 +3227,12 @@ function RequestLeave({ remainingDays, submitLeaveRequest }) {
                 mode: "single",
                 selected: startDate,
                 onSelect: (date) => {
-                  setStartDate(date);
-                  if (date && (!endDate || date > endDate)) {
-                    setEndDate(date);
+                  if (date) {
+                    const dateMidnight = setToMidnightUTC(date);
+                    setStartDate(dateMidnight);
+                    if (!endDate || date > endDate) {
+                      setEndDate(dateMidnight);
+                    }
                   }
                 },
                 initialFocus: true
@@ -3230,7 +3253,7 @@ function RequestLeave({ remainingDays, submitLeaveRequest }) {
                 ),
                 children: [
                   /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react3.CalendarIcon, { className: "mr-2 h-4 w-4" }),
-                  endDate ? (0, import_date_fns.format)(endDate, "PPP") : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "Pick a date" })
+                  endDate ? formatDateUTC(endDate) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: "Pick a date" })
                 ]
               }
             ) }),
@@ -3239,7 +3262,11 @@ function RequestLeave({ remainingDays, submitLeaveRequest }) {
               {
                 mode: "single",
                 selected: endDate,
-                onSelect: setEndDate,
+                onSelect: (date) => {
+                  if (date) {
+                    setEndDate(setToMidnightUTC(date));
+                  }
+                },
                 disabled: (date) => startDate ? date < startDate : false,
                 initialFocus: true
               }
@@ -3458,7 +3485,7 @@ function ApproveLeave({ leaveRequests, onApprove, onReject }) {
 
 // src/components/Holidays/HolidayTracker.tsx
 var import_navigation3 = require("next/navigation");
-var import_date_fns2 = require("date-fns");
+var import_date_fns = require("date-fns");
 var import_jsx_runtime12 = require("react/jsx-runtime");
 function classNames2(...classes) {
   return classes.filter(Boolean).join(" ");
@@ -3467,6 +3494,7 @@ function HolidayTracker({
   holidays,
   currentUser,
   currentDate,
+  today,
   leaveApprovals,
   employees,
   submitLeaveRequest,
@@ -3476,9 +3504,10 @@ function HolidayTracker({
   const [currentTab, setCurrentTab] = (0, import_react4.useState)("Calendar View");
   const router = (0, import_navigation3.useRouter)();
   const isLoading = false;
-  const parsedCurrentDate = TimeUtil.toUtcMidnight((0, import_date_fns2.parseISO)(currentDate));
+  const parsedCurrentDate = TimeUtil.toUtcMidnight((0, import_date_fns.parseISO)(currentDate));
+  const parsedToday = TimeUtil.toUtcMidnight((0, import_date_fns.parseISO)(today));
   const setCurrentDate = async (date) => {
-    const formattedDate = (0, import_date_fns2.format)(date, "dd-MM-yyyy");
+    const formattedDate = (0, import_date_fns.format)(date, "dd-MM-yyyy");
     const url = new URL(window.location.href);
     url.searchParams.set("date", formattedDate);
     router.push(url.toString());
@@ -3558,7 +3587,8 @@ function HolidayTracker({
       {
         currentDate: parsedCurrentDate,
         setCurrentDate,
-        holidays
+        holidays,
+        today: parsedToday
       }
     ),
     currentTab === "Request Leave" && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(

package/dist/components/Holidays/HolidayTracker.mjs

@@ -2,12 +2,12 @@
 "use strict";
 import {
   HolidayTracker
-} from "../../chunk-GXTF5CHJ.mjs";
-import "../../chunk-HABWABS7.mjs";
+} from "../../chunk-7D3SYOXW.mjs";
+import "../../chunk-4O6ESJYG.mjs";
 import "../../chunk-7UVCCDPI.mjs";
-import "../../chunk-LCRSPNPB.mjs";
-import "../../chunk-7ZMZT7I6.mjs";
-import "../../chunk-I4UOIVSC.mjs";
+import "../../chunk-LELKTN52.mjs";
+import "../../chunk-P7BPG7W7.mjs";
+import "../../chunk-PIQUYPOZ.mjs";
 import "../../chunk-IZ2IHNU4.mjs";
 import "../../chunk-6V75REDA.mjs";
 import "../../chunk-B2NSGNGK.mjs";

package/dist/components/Holidays/RequestLeave.js

@@ -2629,7 +2629,6 @@ var PopoverContent = React3.forwardRef(({ className, align = "center", sideOffse
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 
 // src/components/Holidays/RequestLeave.tsx
-var import_date_fns = require("date-fns");
 var import_lucide_react = require("lucide-react");
 var import_navigation = require("next/navigation");
 var import_sonner = require("sonner");
@@ -2674,14 +2673,16 @@ var bankHolidays = [
 
 // src/utils/DaysUtil.ts
 var isDayOff = (date) => {
-  const isSunday = date.getDay() === 0;
-  const isSaturday = date.getDay() === 6;
-  const isBankHoliday = bankHolidays.some((h) => h.toISOString() === date.toISOString());
+  const isSunday = date.getUTCDay() === 0;
+  const isSaturday = date.getUTCDay() === 6;
+  const isBankHoliday = bankHolidays.some(
+    (h) => h.getFullYear() === date.getUTCFullYear() && h.getMonth() === date.getUTCMonth() && h.getDate() === date.getUTCDate()
+  );
   return isSunday || isSaturday || isBankHoliday;
 };
 var getTotalDaysBetween = (startDate, endDate, isHalfDay = false) => {
-  const start = new Date(startDate);
-  const end = new Date(endDate);
+  let start = new Date(Date.UTC(startDate.getUTCFullYear(), startDate.getUTCMonth(), startDate.getUTCDate()));
+  const end = new Date(Date.UTC(endDate.getUTCFullYear(), endDate.getUTCMonth(), endDate.getUTCDate()));
   let count = 0;
   if (isHalfDay && !isDayOff(start)) {
     return 0.5;
@@ -2690,7 +2691,7 @@ var getTotalDaysBetween = (startDate, endDate, isHalfDay = false) => {
     if (!isDayOff(start)) {
       count++;
     }
-    start.setDate(start.getDate() + 1);
+    start = new Date(start.getTime() + 24 * 60 * 60 * 1e3);
   }
   return count;
 };
@@ -2698,7 +2699,7 @@ var getIsMultipleDays = (startDate, endDate) => {
   if (!startDate || !endDate) {
     return false;
   }
-  const isMultipleDays = startDate.toDateString() !== endDate.toDateString();
+  const isMultipleDays = startDate.getUTCFullYear() !== endDate.getUTCFullYear() || startDate.getUTCMonth() !== endDate.getUTCMonth() || startDate.getUTCDate() !== endDate.getUTCDate();
   return isMultipleDays;
 };
 
@@ -2719,11 +2720,26 @@ var ButtonGroup = ({ options, value, onChange, disabled = [] }) => {
   )) });
 };
 function RequestLeave({ remainingDays, submitLeaveRequest }) {
-  const [startDate, setStartDate] = (0, import_react.useState)(/* @__PURE__ */ new Date());
-  const [endDate, setEndDate] = (0, import_react.useState)(/* @__PURE__ */ new Date());
+  const setToMidnightUTC = (date) => {
+    return new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate(), 0, 0, 0, 0));
+  };
+  const formatDateUTC = (date) => {
+    const months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
+    const day = date.getUTCDate();
+    const month = months[date.getUTCMonth()];
+    const year = date.getUTCFullYear();
+    const suffix = day === 1 || day === 21 || day === 31 ? "st" : day === 2 || day === 22 ? "nd" : day === 3 || day === 23 ? "rd" : "th";
+    return `${month} ${day}${suffix}, ${year}`;
+  };
+  const [startDate, setStartDate] = (0, import_react.useState)(void 0);
+  const [endDate, setEndDate] = (0, import_react.useState)(void 0);
+  (0, import_react.useEffect)(() => {
+    if (startDate === void 0) setStartDate(setToMidnightUTC(/* @__PURE__ */ new Date()));
+    if (endDate === void 0) setEndDate(setToMidnightUTC(/* @__PURE__ */ new Date()));
+  }, []);
   const [leaveType, setLeaveType] = (0, import_react.useState)("Full Day");
   const [isMultipleDays, setIsMultipleDays] = (0, import_react.useState)(false);
-  const [totalDays, setTotalDays] = (0, import_react.useState)(1);
+  const [totalDays, setTotalDays] = (0, import_react.useState)(0);
   const router = (0, import_navigation.useRouter)();
   (0, import_react.useEffect)(() => {
     const isMultipleDays2 = getIsMultipleDays(startDate, endDate);
@@ -2792,7 +2808,7 @@ function RequestLeave({ remainingDays, submitLeaveRequest }) {
                 ),
                 children: [
                   /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react.CalendarIcon, { className: "mr-2 h-4 w-4" }),
-                  startDate ? (0, import_date_fns.format)(startDate, "PPP") : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: "Pick a date" })
+                  startDate ? formatDateUTC(startDate) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: "Pick a date" })
                 ]
               }
             ) }),
@@ -2802,9 +2818,12 @@ function RequestLeave({ remainingDays, submitLeaveRequest }) {
                 mode: "single",
                 selected: startDate,
                 onSelect: (date) => {
-                  setStartDate(date);
-                  if (date && (!endDate || date > endDate)) {
-                    setEndDate(date);
+                  if (date) {
+                    const dateMidnight = setToMidnightUTC(date);
+                    setStartDate(dateMidnight);
+                    if (!endDate || date > endDate) {
+                      setEndDate(dateMidnight);
+                    }
                   }
                 },
                 initialFocus: true
@@ -2825,7 +2844,7 @@ function RequestLeave({ remainingDays, submitLeaveRequest }) {
                 ),
                 children: [
                   /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react.CalendarIcon, { className: "mr-2 h-4 w-4" }),
-                  endDate ? (0, import_date_fns.format)(endDate, "PPP") : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: "Pick a date" })
+                  endDate ? formatDateUTC(endDate) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: "Pick a date" })
                 ]
               }
             ) }),
@@ -2834,7 +2853,11 @@ function RequestLeave({ remainingDays, submitLeaveRequest }) {
               {
                 mode: "single",
                 selected: endDate,
-                onSelect: setEndDate,
+                onSelect: (date) => {
+                  if (date) {
+                    setEndDate(setToMidnightUTC(date));
+                  }
+                },
                 disabled: (date) => startDate ? date < startDate : false,
                 initialFocus: true
               }

package/dist/components/Holidays/RequestLeave.mjs

@@ -2,8 +2,8 @@
 "use strict";
 import {
   RequestLeave
-} from "../../chunk-HABWABS7.mjs";
-import "../../chunk-I4UOIVSC.mjs";
+} from "../../chunk-4O6ESJYG.mjs";
+import "../../chunk-PIQUYPOZ.mjs";
 import "../../chunk-IZ2IHNU4.mjs";
 import "../../chunk-6V75REDA.mjs";
 import "../../chunk-B2NSGNGK.mjs";