@itilite/lumina-ui 0.0.323 → 1.0.0-alpha

package/dist/chunk-RH6DAYBU.mjs

@@ -0,0 +1,369 @@
+import {
+  CustomRangePicker
+} from "./chunk-ZMJ3KDDY.mjs";
+
+// src/atom/AdvancedDateRangePicker/AdvancedDateRangePicker.tsx
+import { memo, useCallback, useEffect, useMemo, useState } from "react";
+import clsx from "clsx";
+import dayjs from "dayjs";
+import customParseFormat from "dayjs/plugin/customParseFormat";
+
+// src/atom/AdvancedDateRangePicker/AdvancedDateRangePicker.module.scss
+var AdvancedDateRangePicker_module_default = { "root": "AdvancedDateRangePicker-module__root___udir8", "inner": "AdvancedDateRangePicker-module__inner___P4OHa", "left": "AdvancedDateRangePicker-module__left___T6E84", "sidebarItem": "AdvancedDateRangePicker-module__sidebarItem___-NXPm", "sidebarItemActive": "AdvancedDateRangePicker-module__sidebarItemActive___5GmBY", "main": "AdvancedDateRangePicker-module__main___G4MU9", "header": "AdvancedDateRangePicker-module__header___mxXEE", "headerGroup": "AdvancedDateRangePicker-module__headerGroup___J7mJB", "headerLabel": "AdvancedDateRangePicker-module__headerLabel___Yvhkr", "timezoneWrapper": "AdvancedDateRangePicker-module__timezoneWrapper___886Qm", "dateTimeWrapper": "AdvancedDateRangePicker-module__dateTimeWrapper___unDQJ", "headerSeparator": "AdvancedDateRangePicker-module__headerSeparator___Vwx6P", "timezoneSelect": "AdvancedDateRangePicker-module__timezoneSelect___f4oln", "dateTimeGroup": "AdvancedDateRangePicker-module__dateTimeGroup___azF09", "dateInput": "AdvancedDateRangePicker-module__dateInput___0t9ww", "inputError": "AdvancedDateRangePicker-module__inputError___A5hid", "timeInput": "AdvancedDateRangePicker-module__timeInput___Jalr9", "body": "AdvancedDateRangePicker-module__body___f8XYj", "footer": "AdvancedDateRangePicker-module__footer___rsJ2w", "doneBtn": "AdvancedDateRangePicker-module__doneBtn___mt-Sv" };
+
+// src/atom/AdvancedDateRangePicker/AdvancedDateRangePicker.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+dayjs.extend(customParseFormat);
+var TIMEZONES = [
+  { label: "UTC", value: "UTC" },
+  { label: "Eastern time", value: "America/New_York" },
+  { label: "Central time", value: "America/Chicago" },
+  { label: "Mountain time", value: "America/Denver" },
+  { label: "Pacific time", value: "America/Los_Angeles" },
+  { label: "India (IST)", value: "Asia/Kolkata" },
+  { label: "London (GMT)", value: "Europe/London" }
+];
+var DEFAULT_TIME = { hour: "12", minute: "00", period: "PM" };
+function getPresets() {
+  const today = /* @__PURE__ */ new Date();
+  today.setHours(0, 0, 0, 0);
+  return [
+    {
+      label: "Custom",
+      key: "custom",
+      getRange: () => [today, today]
+    },
+    {
+      label: "Yesterday",
+      key: "yesterday",
+      getRange: () => {
+        const d = new Date(today);
+        d.setDate(d.getDate() - 1);
+        return [d, d];
+      }
+    },
+    {
+      label: "Previous week",
+      key: "previous-week",
+      getRange: () => {
+        const dayOfWeek = today.getDay();
+        const start = new Date(today);
+        start.setDate(today.getDate() - dayOfWeek - 7);
+        const end = new Date(start);
+        end.setDate(start.getDate() + 6);
+        return [start, end];
+      }
+    },
+    {
+      label: "This month",
+      key: "this-month",
+      getRange: () => {
+        const start = new Date(today.getFullYear(), today.getMonth(), 1);
+        const end = new Date(today.getFullYear(), today.getMonth() + 1, 0);
+        return [start, end];
+      }
+    },
+    {
+      label: "Previous month",
+      key: "previous-month",
+      getRange: () => {
+        const start = new Date(today.getFullYear(), today.getMonth() - 1, 1);
+        const end = new Date(today.getFullYear(), today.getMonth(), 0);
+        return [start, end];
+      }
+    },
+    {
+      label: "Previous quarter",
+      key: "previous-quarter",
+      getRange: () => {
+        const month = today.getMonth();
+        const quarter = Math.floor(month / 3);
+        const startMonth = (quarter - 1) * 3;
+        const start = new Date(today.getFullYear(), startMonth, 1);
+        const end = new Date(today.getFullYear(), startMonth + 3, 0);
+        return [start, end];
+      }
+    }
+  ];
+}
+function applyDateMask(next) {
+  const digits = next.replace(/[^\d]/g, "");
+  let result = "";
+  for (let i = 0; i < digits.length && i < 8; i++) {
+    if (i === 2 || i === 4) result += "-";
+    result += digits[i];
+  }
+  return result;
+}
+function applyTimeMask(next) {
+  return next.replace(/[^\d:APMapm\s]/g, "").slice(0, 8);
+}
+function formatForDisplay(date) {
+  if (!date) return "";
+  return dayjs(date).format("DD-MM-YYYY");
+}
+function parseDateInput(raw) {
+  const d = dayjs(raw, "DD-MM-YYYY", true);
+  return d.isValid() ? d.toDate() : null;
+}
+function formatTime(t) {
+  return `${t.hour}:${t.minute} ${t.period}`;
+}
+function parseTimeInput(raw) {
+  const match = raw.match(/^(\d{1,2}):(\d{2})\s*(AM|PM)$/i);
+  if (!match) return null;
+  const h = Number(match[1]);
+  const m = Number(match[2]);
+  if (h < 1 || h > 12 || m < 0 || m > 59) return null;
+  return {
+    hour: String(h).padStart(2, "0"),
+    minute: String(m).padStart(2, "0"),
+    period: match[3].toUpperCase()
+  };
+}
+var DateTimeInputGroup = memo(function DateTimeInputGroup2({
+  label,
+  dateValue,
+  timeValue,
+  dateError,
+  timeError,
+  onDateChange,
+  onTimeChange
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: AdvancedDateRangePicker_module_default.headerGroup, children: [
+    /* @__PURE__ */ jsx("span", { className: AdvancedDateRangePicker_module_default.headerLabel, children: label }),
+    /* @__PURE__ */ jsxs("div", { className: AdvancedDateRangePicker_module_default.dateTimeGroup, children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "text",
+          placeholder: "DD-MM-YYYY",
+          value: dateValue,
+          onChange: (e) => onDateChange(applyDateMask(e.target.value)),
+          className: clsx(AdvancedDateRangePicker_module_default.dateInput, { [AdvancedDateRangePicker_module_default.inputError]: dateError })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "text",
+          placeholder: "12:00 PM",
+          value: timeValue,
+          onChange: (e) => onTimeChange(applyTimeMask(e.target.value)),
+          className: clsx(AdvancedDateRangePicker_module_default.timeInput, { [AdvancedDateRangePicker_module_default.inputError]: timeError })
+        }
+      )
+    ] })
+  ] });
+});
+function AdvancedDateRangePicker({
+  value,
+  onChange,
+  confirmLabel = "Done",
+  className = "",
+  disabled = false,
+  disablePastDates = false,
+  minDate = null,
+  maxDate = null,
+  showSingleCalendar = false,
+  id = "adv-drp"
+}) {
+  var _a, _b, _c;
+  const PRESETS = useMemo(() => getPresets(), []);
+  const [startDate, setStartDate] = useState((_a = value == null ? void 0 : value.startDate) != null ? _a : null);
+  const [endDate, setEndDate] = useState((_b = value == null ? void 0 : value.endDate) != null ? _b : null);
+  const [timezone, setTimezone] = useState((_c = value == null ? void 0 : value.timezone) != null ? _c : "Eastern time");
+  const [fromDateStr, setFromDateStr] = useState(formatForDisplay(startDate));
+  const [toDateStr, setToDateStr] = useState(formatForDisplay(endDate));
+  const [fromTimeStr, setFromTimeStr] = useState(
+    (value == null ? void 0 : value.startTime) ? formatTime(value.startTime) : "12:00 PM"
+  );
+  const [toTimeStr, setToTimeStr] = useState(
+    (value == null ? void 0 : value.endTime) ? formatTime(value.endTime) : "12:00 PM"
+  );
+  const [fromDateError, setFromDateError] = useState(false);
+  const [toDateError, setToDateError] = useState(false);
+  const [fromTimeError, setFromTimeError] = useState(false);
+  const [toTimeError, setToTimeError] = useState(false);
+  const [activePreset, setActivePreset] = useState("this-month");
+  useEffect(() => {
+    var _a2, _b2, _c2;
+    if (value) {
+      setStartDate((_a2 = value.startDate) != null ? _a2 : null);
+      setEndDate((_b2 = value.endDate) != null ? _b2 : null);
+      setTimezone((_c2 = value.timezone) != null ? _c2 : "Eastern time");
+      if (value.startTime) setFromTimeStr(formatTime(value.startTime));
+      if (value.endTime) setToTimeStr(formatTime(value.endTime));
+    }
+  }, [value]);
+  useEffect(() => {
+    if (startDate) setFromDateStr(formatForDisplay(startDate));
+  }, [startDate]);
+  useEffect(() => {
+    if (endDate) setToDateStr(formatForDisplay(endDate));
+  }, [endDate]);
+  const rangeValue = useMemo(() => [
+    startDate ? startDate.toISOString() : "",
+    endDate ? endDate.toISOString() : ""
+  ], [startDate, endDate]);
+  const handleRangeChange = useCallback(
+    (_, range) => {
+      if (Array.isArray(range)) {
+        const [s, e] = range;
+        if (s) setStartDate(dayjs(s, "D MMM, YYYY").toDate());
+        if (e) setEndDate(dayjs(e, "D MMM, YYYY").toDate());
+        setActivePreset("custom");
+      }
+    },
+    []
+  );
+  const handlePreset = useCallback(
+    (preset) => {
+      const [s, e] = preset.getRange();
+      setStartDate(s);
+      setEndDate(e);
+      setActivePreset(preset.key);
+    },
+    []
+  );
+  const handleFromDateChange = useCallback((v) => {
+    setFromDateStr(v);
+    if (v.length === 10) {
+      const parsed = parseDateInput(v);
+      if (parsed) {
+        setStartDate(parsed);
+        setFromDateError(false);
+      } else {
+        setFromDateError(true);
+      }
+    } else if (v.length === 0 || v.length < 10) {
+      setFromDateError(false);
+    }
+  }, []);
+  const handleToDateChange = useCallback((v) => {
+    setToDateStr(v);
+    if (v.length === 10) {
+      const parsed = parseDateInput(v);
+      if (parsed) {
+        setEndDate(parsed);
+        setToDateError(false);
+      } else {
+        setToDateError(true);
+      }
+    } else if (v.length === 0 || v.length < 10) {
+      setToDateError(false);
+    }
+  }, []);
+  const handleFromTimeChange = useCallback((v) => {
+    setFromTimeStr(v);
+    const parsed = parseTimeInput(v);
+    setFromTimeError(!parsed && v.length >= 7);
+  }, []);
+  const handleToTimeChange = useCallback((v) => {
+    setToTimeStr(v);
+    const parsed = parseTimeInput(v);
+    setToTimeError(!parsed && v.length >= 7);
+  }, []);
+  const handleDone = useCallback(() => {
+    var _a2, _b2;
+    if (fromDateError || toDateError || fromTimeError || toTimeError || !startDate || !endDate) return;
+    const fromTime = (_a2 = parseTimeInput(fromTimeStr)) != null ? _a2 : DEFAULT_TIME;
+    const toTime = (_b2 = parseTimeInput(toTimeStr)) != null ? _b2 : DEFAULT_TIME;
+    onChange == null ? void 0 : onChange({
+      startDate,
+      endDate,
+      startTime: fromTime,
+      endTime: toTime,
+      timezone
+    });
+  }, [onChange, startDate, endDate, fromTimeStr, toTimeStr, timezone, fromDateError, toDateError, fromTimeError, toTimeError]);
+  return /* @__PURE__ */ jsxs("div", { className: clsx(AdvancedDateRangePicker_module_default.root, className), id, children: [
+    /* @__PURE__ */ jsxs("div", { className: AdvancedDateRangePicker_module_default.inner, children: [
+      /* @__PURE__ */ jsx("aside", { className: AdvancedDateRangePicker_module_default.left, children: PRESETS.map((p) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => handlePreset(p),
+          className: clsx(AdvancedDateRangePicker_module_default.sidebarItem, {
+            [AdvancedDateRangePicker_module_default.sidebarItemActive]: activePreset === p.key
+          }),
+          children: p.label
+        },
+        p.key
+      )) }),
+      /* @__PURE__ */ jsxs("div", { className: AdvancedDateRangePicker_module_default.main, children: [
+        /* @__PURE__ */ jsxs("header", { className: AdvancedDateRangePicker_module_default.header, children: [
+          /* @__PURE__ */ jsxs("div", { className: clsx(AdvancedDateRangePicker_module_default.headerGroup, AdvancedDateRangePicker_module_default.timezoneWrapper), children: [
+            /* @__PURE__ */ jsx("span", { className: AdvancedDateRangePicker_module_default.headerLabel, children: "Timezone" }),
+            /* @__PURE__ */ jsx(
+              "select",
+              {
+                value: timezone,
+                onChange: (e) => setTimezone(e.target.value),
+                className: AdvancedDateRangePicker_module_default.timezoneSelect,
+                children: TIMEZONES.map((tz) => /* @__PURE__ */ jsx("option", { value: tz.value, children: tz.label }, tz.value))
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: AdvancedDateRangePicker_module_default.headerSeparator }),
+          /* @__PURE__ */ jsxs("div", { className: AdvancedDateRangePicker_module_default.dateTimeWrapper, children: [
+            /* @__PURE__ */ jsx(
+              DateTimeInputGroup,
+              {
+                label: "From",
+                dateValue: fromDateStr,
+                timeValue: fromTimeStr,
+                dateError: fromDateError,
+                timeError: fromTimeError,
+                onDateChange: handleFromDateChange,
+                onTimeChange: handleFromTimeChange
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: AdvancedDateRangePicker_module_default.headerSeparator }),
+            /* @__PURE__ */ jsx(
+              DateTimeInputGroup,
+              {
+                label: "To",
+                dateValue: toDateStr,
+                timeValue: toTimeStr,
+                dateError: toDateError,
+                timeError: toTimeError,
+                onDateChange: handleToDateChange,
+                onTimeChange: handleToTimeChange
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: AdvancedDateRangePicker_module_default.body, children: /* @__PURE__ */ jsx(
+          CustomRangePicker,
+          {
+            dateRange: rangeValue,
+            onChange: handleRangeChange,
+            isRange: true,
+            disablePastDates,
+            minDate,
+            maxDate,
+            showSingleCalendar
+          }
+        ) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("footer", { className: AdvancedDateRangePicker_module_default.footer, children: /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: handleDone,
+        disabled: disabled || fromDateError || toDateError || fromTimeError || toTimeError || !startDate || !endDate,
+        className: AdvancedDateRangePicker_module_default.doneBtn,
+        children: confirmLabel
+      }
+    ) })
+  ] });
+}
+AdvancedDateRangePicker.displayName = "AdvancedDateRangePicker";
+var AdvancedDateRangePicker_default = AdvancedDateRangePicker;
+
+export {
+  AdvancedDateRangePicker,
+  AdvancedDateRangePicker_default
+};

package/dist/chunk-RSSEJENT.mjs

@@ -0,0 +1,269 @@
+import {
+  Chevron
+} from "./chunk-UOHYCMUS.mjs";
+
+// src/atom/AdvancedDateRangePicker/InternalCalendar.tsx
+import { memo, useEffect, useRef, useState } from "react";
+import dayjs from "dayjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+var InternalCalendar = ({
+  id = "",
+  onChange = () => {
+  },
+  dateRange = ["", ""],
+  showSingleCalendar: showSingleCalendarProp = false,
+  disablePastDates = false,
+  minDate = null,
+  maxDate = null,
+  minYear = 1900,
+  maxYear = (/* @__PURE__ */ new Date()).getFullYear() + 10,
+  allowSameDates = false
+}) => {
+  const onChangeRef = useRef(onChange);
+  useEffect(() => {
+    onChangeRef.current = onChange;
+  }, [onChange]);
+  const getInitialDate = () => {
+    const today2 = /* @__PURE__ */ new Date();
+    today2.setHours(0, 0, 0, 0);
+    if (dateRange[0]) return new Date(dateRange[0]);
+    if (today2.getFullYear() >= minYear && today2.getFullYear() <= maxYear) {
+      return today2;
+    }
+    if (minDate) {
+      const minDateTime = new Date(minDate);
+      minDateTime.setHours(0, 0, 0, 0);
+      return minDateTime;
+    }
+    return today2;
+  };
+  const [currentDate, setCurrentDate] = useState(() => getInitialDate());
+  const [startDate, setStartDate] = useState(
+    dateRange[0] ? new Date(dateRange[0]) : null
+  );
+  const [endDate, setEndDate] = useState(
+    dateRange[0] && dateRange[1] ? new Date(dateRange[1]) : null
+  );
+  const [hoverDate, setHoverDate] = useState(null);
+  const [isSelectingEnd, setIsSelectingEnd] = useState(
+    dateRange[0] && !dateRange[1] ? true : false
+  );
+  const [isMobile, setIsMobile] = useState(false);
+  useEffect(() => {
+    const checkMobile = () => {
+      setIsMobile(window.innerWidth < 1024);
+    };
+    checkMobile();
+    window.addEventListener("resize", checkMobile);
+    return () => window.removeEventListener("resize", checkMobile);
+  }, []);
+  const showSingle = showSingleCalendarProp || isMobile;
+  const prevRangeRef = useRef(dateRange);
+  useEffect(() => {
+    const isSameRange = dateRange[0] === prevRangeRef.current[0] && dateRange[1] === prevRangeRef.current[1];
+    if (isSameRange) return;
+    prevRangeRef.current = dateRange;
+    const nextStart = dateRange[0] ? new Date(dateRange[0]) : null;
+    const nextEnd = dateRange[1] ? new Date(dateRange[1]) : null;
+    setStartDate(nextStart);
+    setEndDate(nextEnd);
+    if (nextStart) {
+      const startMonth = nextStart.getFullYear() * 12 + nextStart.getMonth();
+      const currentMonthVal = currentDate.getFullYear() * 12 + currentDate.getMonth();
+      const isVisibleInFirst = startMonth === currentMonthVal;
+      const isVisibleInSecond = !showSingle && startMonth === currentMonthVal + 1;
+      if (!isVisibleInFirst && !isVisibleInSecond) {
+        setCurrentDate(new Date(nextStart.getFullYear(), nextStart.getMonth(), 1));
+      }
+    }
+  }, [dateRange, showSingle]);
+  const today = /* @__PURE__ */ new Date();
+  today.setHours(0, 0, 0, 0);
+  const firstMonth = new Date(currentDate.getFullYear(), currentDate.getMonth(), 1);
+  const secondMonth = new Date(currentDate.getFullYear(), currentDate.getMonth() + 1, 1);
+  const monthNames = [
+    "January",
+    "February",
+    "March",
+    "April",
+    "May",
+    "June",
+    "July",
+    "August",
+    "September",
+    "October",
+    "November",
+    "December"
+  ];
+  const dayNames = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
+  const generateCalendarDays = (monthDate) => {
+    const year = monthDate.getFullYear();
+    const month = monthDate.getMonth();
+    const firstDay = new Date(year, month, 1);
+    const lastDay = new Date(year, month + 1, 0);
+    const daysInMonth = lastDay.getDate();
+    const startingDayOfWeek = firstDay.getDay();
+    const days = [];
+    for (let i = 0; i < startingDayOfWeek; i++) days.push(null);
+    for (let day = 1; day <= daysInMonth; day++) days.push(new Date(year, month, day));
+    return days;
+  };
+  const isSameDate = (d1, d2) => {
+    if (!d1 || !d2) return false;
+    return d1.getFullYear() === d2.getFullYear() && d1.getMonth() === d2.getMonth() && d1.getDate() === d2.getDate();
+  };
+  const isDateDisabled = (date) => {
+    if (!date) return false;
+    const checkDate = new Date(date);
+    checkDate.setHours(0, 0, 0, 0);
+    if (disablePastDates && checkDate < today) return true;
+    if (minDate) {
+      const m = new Date(minDate);
+      m.setHours(0, 0, 0, 0);
+      if (checkDate < m) return true;
+    }
+    if (maxDate) {
+      const m = new Date(maxDate);
+      m.setHours(0, 0, 0, 0);
+      if (checkDate > m) return true;
+    }
+    return false;
+  };
+  const isDateBetweenRange = (date) => {
+    if (!startDate || !date) return false;
+    const comp = endDate || hoverDate;
+    if (!comp) return false;
+    const s = startDate < comp ? startDate : comp;
+    const e = startDate < comp ? comp : startDate;
+    return date > s && date < e;
+  };
+  const isDateInRange = (date) => {
+    if (!startDate || !date) return false;
+    const comp = endDate || hoverDate;
+    if (!comp) return false;
+    const s = startDate < comp ? startDate : comp;
+    const e = startDate < comp ? comp : startDate;
+    return date >= s && date <= e;
+  };
+  const handleDateClick = (date) => {
+    if (isDateDisabled(date)) return;
+    let nextStart = startDate;
+    let nextEnd = endDate;
+    const isSame = startDate && dayjs(date).isSame(startDate, "day");
+    if (!allowSameDates && isSame) {
+      setStartDate(null);
+      setEndDate(null);
+      setIsSelectingEnd(false);
+      onChangeRef.current(["", ""]);
+      return;
+    }
+    if (!startDate || startDate && endDate) {
+      nextStart = date;
+      nextEnd = null;
+      setStartDate(nextStart);
+      setEndDate(nextEnd);
+      setIsSelectingEnd(true);
+    } else {
+      if (date < startDate) {
+        nextEnd = startDate;
+        nextStart = date;
+      } else {
+        nextEnd = date;
+      }
+      setStartDate(nextStart);
+      setEndDate(nextEnd);
+      setIsSelectingEnd(false);
+    }
+    onChangeRef.current([
+      nextStart ? dayjs(nextStart).format("D MMM, YYYY") : "",
+      nextEnd ? dayjs(nextEnd).format("D MMM, YYYY") : ""
+    ]);
+  };
+  const handleDateHover = (date) => {
+    if (isDateDisabled(date)) return;
+    if (isSelectingEnd && startDate && !endDate) setHoverDate(date);
+  };
+  const navigateMonth = (direction) => {
+    const newDate = new Date(currentDate);
+    newDate.setMonth(currentDate.getMonth() + direction);
+    setCurrentDate(newDate);
+  };
+  const renderCalendar = (monthDate) => {
+    const days = generateCalendarDays(monthDate);
+    const monthName = monthNames[monthDate.getMonth()];
+    const year = monthDate.getFullYear();
+    return /* @__PURE__ */ jsxs("div", { className: "tw-flex-1 tw-mb-2", children: [
+      /* @__PURE__ */ jsx("div", { className: "tw-text-center tw-mb-4", children: /* @__PURE__ */ jsxs("h3", { className: "tw-typography-footNoteBold tw-text-gray-900 tw-m-0", children: [
+        monthName,
+        " ",
+        year
+      ] }) }),
+      /* @__PURE__ */ jsx("div", { className: "tw-grid tw-grid-cols-7 tw-mb-2", children: dayNames.map((day) => /* @__PURE__ */ jsx("div", { className: "tw-py-2 tw-text-center tw-typography-caption2 tw-text-gray-500", children: day }, day)) }),
+      /* @__PURE__ */ jsx("div", { className: "tw-grid tw-grid-cols-7", children: days.map((date, index) => {
+        if (!date) return /* @__PURE__ */ jsx("div", { className: "tw-h-10" }, index);
+        const isStart = isSameDate(date, startDate);
+        const isEnd = isSameDate(date, endDate);
+        const isInRange = isDateBetweenRange(date);
+        const isSelected = isDateInRange(date);
+        const isDisabled = isDateDisabled(date);
+        const isHovering = isSelectingEnd && hoverDate && isSameDate(date, hoverDate);
+        let cellClasses = "tw-relative tw-z-20 tw-h-10 tw-w-10 tw-flex tw-items-center tw-justify-center tw-typography-caption1Bold tw-cursor-pointer tw-transition-all ";
+        if (isDisabled) {
+          cellClasses += "tw-text-gray-300 tw-cursor-not-allowed ";
+        } else if (isStart || isEnd) {
+          cellClasses += "tw-bg-black tw-text-white tw-rounded-full ";
+        } else if (isInRange) {
+          cellClasses += "tw-text-gray-900 ";
+        } else {
+          cellClasses += "tw-text-gray-700 hover:tw-bg-gray-100 tw-rounded-full ";
+        }
+        if (isHovering && !isEnd) {
+          cellClasses += "tw-border-2 tw-border-gray-400 tw-border-dashed ";
+        }
+        return /* @__PURE__ */ jsxs("div", { className: "tw-relative tw-flex tw-justify-center", children: [
+          isInRange && /* @__PURE__ */ jsx("div", { className: "tw-absolute tw-inset-y-1 tw-inset-x-0 tw-bg-[#f2efec] tw-z-10" }),
+          isStart && endDate && !isSameDate(startDate, endDate) && /* @__PURE__ */ jsx("div", { className: "tw-absolute tw-inset-y-1 tw-right-0 tw-left-1/2 tw-bg-[#f2efec] tw-z-10" }),
+          isEnd && startDate && !isSameDate(startDate, endDate) && /* @__PURE__ */ jsx("div", { className: "tw-absolute tw-inset-y-1 tw-left-0 tw-right-1/2 tw-bg-[#f2efec] tw-z-10" }),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cellClasses,
+              onClick: () => handleDateClick(date),
+              onMouseEnter: () => handleDateHover(date),
+              children: date.getDate()
+            }
+          )
+        ] }, date.toISOString());
+      }) })
+    ] });
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "tw-relative tw-bg-white tw-w-full", children: [
+    /* @__PURE__ */ jsxs("div", { className: "tw-flex tw-items-center tw-justify-between tw-absolute tw-inset-x-0 tw-top-0 tw-z-30 tw-px-4", children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "tw-cursor-pointer tw-p-2 tw-rounded-full hover:tw-bg-gray-100",
+          onClick: () => navigateMonth(-1),
+          children: /* @__PURE__ */ jsx(Chevron, { size: "medium" })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "tw-cursor-pointer tw-p-2 tw-rounded-full hover:tw-bg-gray-100",
+          onClick: () => navigateMonth(1),
+          children: /* @__PURE__ */ jsx(Chevron, { size: "medium", className: "tw-rotate-180" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "tw-flex tw-gap-8 tw-pt-2", children: [
+      renderCalendar(firstMonth),
+      !showSingle && renderCalendar(secondMonth)
+    ] })
+  ] });
+};
+var InternalCalendar_default = memo(InternalCalendar);
+
+export {
+  InternalCalendar_default
+};