@itilite/lumina-ui 1.0.0-alpha → 1.0.1-alpha

package/dist/chunk-5HF6Y37C.mjs

@@ -1,642 +0,0 @@
-import {
-  Chevron
-} from "./chunk-UOHYCMUS.mjs";
-
-// src/atom/AdvancedDateRangePicker/AdvancedDateRangePicker.tsx
-import { memo as memo2, useCallback as useCallback2, useEffect as useEffect2, useMemo as useMemo2, useState as useState2 } from "react";
-import clsx from "clsx";
-import dayjs2 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/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 = 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 = () => {
-    if (dateRange[0]) return new Date(dateRange[0]);
-    if (!minDate && !maxDate && !minYear && !maxYear) return /* @__PURE__ */ new Date();
-    if (maxYear && maxYear !== (/* @__PURE__ */ new Date()).getFullYear()) {
-      let targetDate = new Date(maxYear, 7, 1);
-      if (maxDate) {
-        const maxDateTime = new Date(maxDate);
-        if (targetDate > maxDateTime) {
-          targetDate = new Date(maxDateTime.getFullYear(), maxDateTime.getMonth(), 1);
-        }
-      }
-      return targetDate;
-    }
-    if (minDate) {
-      const minDateTime = new Date(minDate);
-      minDateTime.setHours(0, 0, 0, 0);
-      return minDateTime;
-    }
-    return /* @__PURE__ */ new Date();
-  };
-  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
-  );
-  useEffect(() => {
-    const nextStart = dateRange[0] ? new Date(dateRange[0]) : null;
-    const nextEnd = dateRange[1] ? new Date(dateRange[1]) : null;
-    setStartDate(nextStart);
-    setEndDate(nextEnd);
-    if (nextStart) {
-      setCurrentDate(new Date(nextStart.getFullYear(), nextStart.getMonth(), 1));
-    }
-  }, [dateRange]);
-  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 generateYearOptions = () => {
-    const years = [];
-    for (let i = minYear; i <= maxYear; i++) {
-      years.push({ label: i.toString(), value: i });
-    }
-    return years;
-  };
-  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 = 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),
-      !showSingleCalendar && renderCalendar(secondMonth)
-    ] })
-  ] });
-};
-var InternalCalendar_default = memo(InternalCalendar);
-
-// src/atom/AdvancedDateRangePicker/AdvancedDateRangePicker.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-dayjs2.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 - 6);
-        const end = new Date(today);
-        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(v, prev) {
-  if (v.length < prev.length) return v;
-  const digits = v.replace(/[^\d]/g, "").slice(0, 8);
-  let result = "";
-  if (digits.length > 0) result += digits.slice(0, 2);
-  if (digits.length >= 2) result += "-";
-  if (digits.length > 2) result += digits.slice(2, 4);
-  if (digits.length >= 4) result += "-";
-  if (digits.length > 4) result += digits.slice(4, 8);
-  return result.slice(0, 10);
-}
-function applyTimeMask(v, prev) {
-  if (v.length < prev.length) return v;
-  const digits = v.replace(/[^\d]/g, "").slice(0, 4);
-  let result = "";
-  if (digits.length > 0) result += digits.slice(0, 2);
-  if (digits.length >= 2) result += ":";
-  if (digits.length > 2) result += digits.slice(2, 4);
-  if (v.toUpperCase().includes("A")) result += " AM";
-  else if (v.toUpperCase().includes("P")) result += " PM";
-  else if (digits.length === 4) result += " ";
-  return result.slice(0, 8);
-}
-function formatForDisplay(date) {
-  if (!date) return "";
-  return dayjs2(date).format("DD-MM-YYYY");
-}
-function validateDateString(raw) {
-  const regex = /^(0[1-9]|[12][0-9]|3[01])-(0[1-9]|1[0-2])-\d{4}$/;
-  if (!regex.test(raw)) return false;
-  const [d, m, y] = raw.split("-").map(Number);
-  const date = new Date(y, m - 1, d);
-  return date.getFullYear() === y && date.getMonth() === m - 1 && date.getDate() === d;
-}
-function validateTimeString(raw) {
-  const regex = /^(0[1-9]|1[0-2]):(0[0-9]|[1-5][0-9])\s(AM|PM)$/i;
-  return regex.test(raw);
-}
-function parseDateInput(raw) {
-  if (!validateDateString(raw)) return null;
-  return dayjs2(raw, "DD-MM-YYYY", true).toDate();
-}
-function parseTimeInput(raw) {
-  if (!validateTimeString(raw)) return null;
-  const match = raw.match(/^(\d{1,2}):(\d{2})\s*(AM|PM)$/i);
-  if (!match) return null;
-  return {
-    hour: match[1].padStart(2, "0"),
-    minute: match[2].padStart(2, "0"),
-    period: match[3].toUpperCase()
-  };
-}
-function formatTime(t) {
-  return `${t.hour}:${t.minute} ${t.period}`;
-}
-var DateTimeInputGroup = memo2(function DateTimeInputGroup2({
-  label,
-  dateValue,
-  timeValue,
-  dateError,
-  timeError,
-  onDateChange,
-  onTimeChange
-}) {
-  return /* @__PURE__ */ jsxs2("div", { className: AdvancedDateRangePicker_module_default.headerGroup, children: [
-    /* @__PURE__ */ jsx2("span", { className: AdvancedDateRangePicker_module_default.headerLabel, children: label }),
-    /* @__PURE__ */ jsxs2("div", { className: AdvancedDateRangePicker_module_default.dateTimeGroup, children: [
-      /* @__PURE__ */ jsx2(
-        "input",
-        {
-          type: "text",
-          placeholder: "DD-MM-YYYY",
-          value: dateValue,
-          onChange: (e) => onDateChange(e.target.value),
-          className: clsx(AdvancedDateRangePicker_module_default.dateInput, { [AdvancedDateRangePicker_module_default.inputError]: dateError })
-        }
-      ),
-      /* @__PURE__ */ jsx2(
-        "input",
-        {
-          type: "text",
-          placeholder: "12:00 PM",
-          value: timeValue,
-          onChange: (e) => onTimeChange(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 = useMemo2(() => getPresets(), []);
-  const [startDate, setStartDate] = useState2((_a = value == null ? void 0 : value.startDate) != null ? _a : null);
-  const [endDate, setEndDate] = useState2((_b = value == null ? void 0 : value.endDate) != null ? _b : null);
-  const [timezone, setTimezone] = useState2((_c = value == null ? void 0 : value.timezone) != null ? _c : "UTC");
-  const [fromDateStr, setFromDateStr] = useState2(formatForDisplay(startDate));
-  const [toDateStr, setToDateStr] = useState2(formatForDisplay(endDate));
-  const [fromTimeStr, setFromTimeStr] = useState2(
-    (value == null ? void 0 : value.startTime) ? formatTime(value.startTime) : "12:00 PM"
-  );
-  const [toTimeStr, setToTimeStr] = useState2(
-    (value == null ? void 0 : value.endTime) ? formatTime(value.endTime) : "12:00 PM"
-  );
-  const [activePreset, setActivePreset] = useState2("this-month");
-  const fromDateError = useMemo2(() => fromDateStr.length === 10 && !validateDateString(fromDateStr), [fromDateStr]);
-  const toDateError = useMemo2(() => toDateStr.length === 10 && !validateDateString(toDateStr), [toDateStr]);
-  const fromTimeError = useMemo2(() => fromTimeStr.length >= 7 && !validateTimeString(fromTimeStr), [fromTimeStr]);
-  const toTimeError = useMemo2(() => toTimeStr.length >= 7 && !validateTimeString(toTimeStr), [toTimeStr]);
-  const isReady = useMemo2(() => {
-    return startDate !== null && endDate !== null && validateDateString(fromDateStr) && validateDateString(toDateStr) && validateTimeString(fromTimeStr) && validateTimeString(toTimeStr);
-  }, [startDate, endDate, fromDateStr, toDateStr, fromTimeStr, toTimeStr]);
-  useEffect2(() => {
-    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 : "UTC");
-      if (value.startTime) setFromTimeStr(formatTime(value.startTime));
-      if (value.endTime) setToTimeStr(formatTime(value.endTime));
-    }
-  }, [value]);
-  useEffect2(() => {
-    if (startDate) setFromDateStr(formatForDisplay(startDate));
-  }, [startDate]);
-  useEffect2(() => {
-    if (endDate) setToDateStr(formatForDisplay(endDate));
-  }, [endDate]);
-  const rangeValue = useMemo2(() => [
-    startDate ? startDate.toISOString() : "",
-    endDate ? endDate.toISOString() : ""
-  ], [startDate, endDate]);
-  const handleRangeChange = useCallback2(
-    (_, range) => {
-      if (Array.isArray(range)) {
-        const [s, e] = range;
-        if (s) {
-          const sDateByDayjs = dayjs2(s, "D MMM, YYYY").toDate();
-          setStartDate(sDateByDayjs);
-        }
-        if (e) {
-          const eDateByDayjs = dayjs2(e, "D MMM, YYYY").toDate();
-          setEndDate(eDateByDayjs);
-        }
-        setActivePreset("custom");
-      }
-    },
-    []
-  );
-  const handlePreset = useCallback2(
-    (preset) => {
-      const [s, e] = preset.getRange();
-      setStartDate(s);
-      setEndDate(e);
-      setActivePreset(preset.key);
-    },
-    []
-  );
-  const handleFromDateChange = useCallback2((v) => {
-    const masked = applyDateMask(v, fromDateStr);
-    setFromDateStr(masked);
-    setActivePreset("custom");
-    if (masked.length === 10) {
-      const parsed = parseDateInput(masked);
-      if (parsed) setStartDate(parsed);
-    }
-  }, [fromDateStr]);
-  const handleToDateChange = useCallback2((v) => {
-    const masked = applyDateMask(v, toDateStr);
-    setToDateStr(masked);
-    setActivePreset("custom");
-    if (masked.length === 10) {
-      const parsed = parseDateInput(masked);
-      if (parsed) setEndDate(parsed);
-    }
-  }, [toDateStr]);
-  const handleFromTimeChange = useCallback2((v) => {
-    const masked = applyTimeMask(v, fromTimeStr);
-    setFromTimeStr(masked);
-    setActivePreset("custom");
-  }, [fromTimeStr]);
-  const handleToTimeChange = useCallback2((v) => {
-    const masked = applyTimeMask(v, toTimeStr);
-    setToTimeStr(masked);
-    setActivePreset("custom");
-  }, [toTimeStr]);
-  const handleDone = useCallback2(() => {
-    var _a2, _b2;
-    if (!isReady) 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
-    });
-  }, [isReady, onChange, startDate, endDate, fromTimeStr, toTimeStr, timezone]);
-  return /* @__PURE__ */ jsxs2("div", { className: clsx(AdvancedDateRangePicker_module_default.root, className), id, children: [
-    /* @__PURE__ */ jsxs2("div", { className: AdvancedDateRangePicker_module_default.inner, children: [
-      /* @__PURE__ */ jsx2("aside", { className: AdvancedDateRangePicker_module_default.left, children: PRESETS.map((p) => /* @__PURE__ */ jsx2(
-        "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__ */ jsxs2("div", { className: AdvancedDateRangePicker_module_default.main, children: [
-        /* @__PURE__ */ jsxs2("header", { className: AdvancedDateRangePicker_module_default.header, children: [
-          /* @__PURE__ */ jsxs2("div", { className: clsx(AdvancedDateRangePicker_module_default.headerGroup, AdvancedDateRangePicker_module_default.timezoneWrapper), children: [
-            /* @__PURE__ */ jsx2("span", { className: AdvancedDateRangePicker_module_default.headerLabel, children: "Timezone" }),
-            /* @__PURE__ */ jsx2(
-              "select",
-              {
-                value: timezone,
-                onChange: (e) => setTimezone(e.target.value),
-                className: AdvancedDateRangePicker_module_default.timezoneSelect,
-                children: TIMEZONES.map((tz) => /* @__PURE__ */ jsx2("option", { value: tz.value, children: tz.label }, tz.value))
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx2("div", { className: AdvancedDateRangePicker_module_default.headerSeparator }),
-          /* @__PURE__ */ jsxs2("div", { className: AdvancedDateRangePicker_module_default.dateTimeWrapper, children: [
-            /* @__PURE__ */ jsx2(
-              DateTimeInputGroup,
-              {
-                label: "From",
-                dateValue: fromDateStr,
-                timeValue: fromTimeStr,
-                dateError: fromDateError,
-                timeError: fromTimeError,
-                onDateChange: handleFromDateChange,
-                onTimeChange: handleFromTimeChange
-              }
-            ),
-            /* @__PURE__ */ jsx2("div", { className: AdvancedDateRangePicker_module_default.headerSeparator }),
-            /* @__PURE__ */ jsx2(
-              DateTimeInputGroup,
-              {
-                label: "To",
-                dateValue: toDateStr,
-                timeValue: toTimeStr,
-                dateError: toDateError,
-                timeError: toTimeError,
-                onDateChange: handleToDateChange,
-                onTimeChange: handleToTimeChange
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx2("div", { className: AdvancedDateRangePicker_module_default.body, children: /* @__PURE__ */ jsx2(
-          InternalCalendar_default,
-          {
-            id: `${id}-calendar`,
-            dateRange: rangeValue,
-            onChange: (range) => handleRangeChange(null, range),
-            disablePastDates,
-            minDate,
-            maxDate,
-            showSingleCalendar
-          }
-        ) })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx2("footer", { className: AdvancedDateRangePicker_module_default.footer, children: /* @__PURE__ */ jsx2(
-      "button",
-      {
-        type: "button",
-        onClick: handleDone,
-        disabled: disabled || !isReady,
-        className: AdvancedDateRangePicker_module_default.doneBtn,
-        children: confirmLabel
-      }
-    ) })
-  ] });
-}
-AdvancedDateRangePicker.displayName = "AdvancedDateRangePicker";
-var AdvancedDateRangePicker_default = AdvancedDateRangePicker;
-
-export {
-  AdvancedDateRangePicker,
-  AdvancedDateRangePicker_default
-};