cortex-react-components 3.0.8 → 3.0.9

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";

package/dist/components/Holidays/index.js

@@ -2854,7 +2854,6 @@ var PopoverContent = React5.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_react2 = require("lucide-react");
 var import_navigation2 = require("next/navigation");
 var import_sonner2 = require("sonner");
@@ -2899,14 +2898,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;
@@ -2915,7 +2916,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;
 };
@@ -2923,7 +2924,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;
 };
 
@@ -2944,11 +2945,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_navigation2.useRouter)();
   (0, import_react2.useEffect)(() => {
     const isMultipleDays2 = getIsMultipleDays(startDate, endDate);
@@ -3017,7 +3033,7 @@ function RequestLeave({ remainingDays, submitLeaveRequest }) {
                 ),
                 children: [
                   /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.CalendarIcon, { className: "mr-2 h-4 w-4" }),
-                  startDate ? (0, import_date_fns.format)(startDate, "PPP") : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { children: "Pick a date" })
+                  startDate ? formatDateUTC(startDate) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { children: "Pick a date" })
                 ]
               }
             ) }),
@@ -3027,9 +3043,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
@@ -3050,7 +3069,7 @@ function RequestLeave({ remainingDays, submitLeaveRequest }) {
                 ),
                 children: [
                   /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.CalendarIcon, { className: "mr-2 h-4 w-4" }),
-                  endDate ? (0, import_date_fns.format)(endDate, "PPP") : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { children: "Pick a date" })
+                  endDate ? formatDateUTC(endDate) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { children: "Pick a date" })
                 ]
               }
             ) }),
@@ -3059,7 +3078,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
               }
@@ -3278,38 +3301,42 @@ function HolidayGrid({
 var import_react3 = require("react");
 var import_lucide_react4 = require("lucide-react");
 var import_jsx_runtime11 = require("react/jsx-runtime");
-function CalendarView({ currentDate, setCurrentDate, holidays }) {
+function CalendarView({ currentDate, setCurrentDate, holidays, today }) {
   const [selectedDay, setSelectedDay] = (0, import_react3.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_runtime11.jsxs)("div", { className: "lg:flex lg:h-full lg:flex-col", children: [
     /* @__PURE__ */ (0, import_jsx_runtime11.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_runtime11.jsx)("h1", { className: "text-base font-semibold text-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("time", { dateTime: currentDate.toISOString(), children: currentDate.toLocaleString("default", { month: "long", year: "numeric" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("h1", { className: "text-base font-semibold text-foreground", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("time", { dateTime: currentDate.toISOString(), children: monthYearDisplay }) }),
       /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "flex items-center", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "relative flex items-center rounded-md gap-1 md:items-stretch", children: [
         /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
           Button,
@@ -3396,7 +3423,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_runtime11.jsx)("ol", { className: "mt-2 space-y-1 overflow-visible", children: day.holidays.map((holiday) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("li", { className: "overflow-visible", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
@@ -3433,7 +3460,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_runtime11.jsxs)("span", { className: "sr-only", children: [
@@ -3461,7 +3488,7 @@ var import_react4 = require("react");
 var import_lucide_react5 = require("lucide-react");
 var import_lucide_react6 = require("lucide-react");
 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(" ");
@@ -3470,6 +3497,7 @@ function HolidayTracker({
   holidays,
   currentUser,
   currentDate,
+  today,
   leaveApprovals,
   employees,
   submitLeaveRequest,
@@ -3479,9 +3507,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());
@@ -3561,7 +3590,8 @@ function HolidayTracker({
       {
         currentDate: parsedCurrentDate,
         setCurrentDate,
-        holidays
+        holidays,
+        today: parsedToday
       }
     ),
     currentTab === "Request Leave" && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(