@expcat/tigercat-react 1.0.7 → 1.2.0

package/dist/chunk-TSJYAEFZ.js

@@ -0,0 +1,696 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/components/DatePicker.tsx
+var _react = require('react');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var Icon = ({ path, className }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  "svg",
+  {
+    className,
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: _tigercatcore.icon20ViewBox,
+    fill: "currentColor",
+    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { fillRule: "evenodd", d: path, clipRule: "evenodd" })
+  }
+);
+var isRangeDatePicker = (props) => props.range === true;
+var DatePicker = (props) => {
+  const {
+    size = "md",
+    disabled = false,
+    readonly = false,
+    required = false,
+    clearable = true,
+    format = "yyyy-MM-dd"
+  } = props;
+  const isRangeMode = isRangeDatePicker(props);
+  const placeholder = _nullishCoalesce(props.placeholder, () => ( (isRangeMode ? "Select date range" : "Select date")));
+  const divProps = (({
+    value: _value,
+    defaultValue: _defaultValue,
+    range: _range,
+    locale: _locale,
+    labels: _labels,
+    size: _size,
+    format: _format,
+    placeholder: _placeholder,
+    disabled: _disabled,
+    readonly: _readonly,
+    required: _required,
+    minDate: _minDate,
+    maxDate: _maxDate,
+    clearable: _clearable,
+    name: _name,
+    id: _id,
+    onChange: _onChange,
+    onClear: _onClear,
+    className: _className,
+    shortcuts: _shortcuts,
+    ...rest
+  }) => rest)(props);
+  const [isOpen, setIsOpen] = _react.useState.call(void 0, false);
+  const [activeDateIso, setActiveDateIso] = _react.useState.call(void 0, null);
+  const [activeRangePart, setActiveRangePart] = _react.useState.call(void 0, "start");
+  const [internalValue, setInternalValue] = _react.useState.call(void 0, () => {
+    if (isRangeMode) return null;
+    return _tigercatcore.parseDate.call(void 0, _nullishCoalesce(props.defaultValue, () => ( null)));
+  });
+  const [internalRangeValue, setInternalRangeValue] = _react.useState.call(void 0, () => {
+    if (!isRangeMode) return [null, null];
+    const tuple = _nullishCoalesce(props.defaultValue, () => ( null));
+    if (!tuple) return [null, null];
+    const start = Array.isArray(tuple) ? _tigercatcore.parseDate.call(void 0, tuple[0]) : null;
+    const end = Array.isArray(tuple) ? _tigercatcore.parseDate.call(void 0, tuple[1]) : null;
+    return [start, end];
+  });
+  const calendarRef = _react.useRef.call(void 0, null);
+  const mobileCalendarRef = _react.useRef.call(void 0, null);
+  const inputWrapperRef = _react.useRef.call(void 0, null);
+  const inputRef = _react.useRef.call(void 0, null);
+  const pendingFocusIsoRef = _react.useRef.call(void 0, null);
+  const restoreFocusRef = _react.useRef.call(void 0, null);
+  const isControlled = props.value !== void 0;
+  const selectedDate = (() => {
+    if (isRangeMode) return null;
+    const current = isControlled ? props.value : internalValue;
+    return _tigercatcore.parseDate.call(void 0, _nullishCoalesce(current, () => ( null)));
+  })();
+  const selectedRange = (() => {
+    if (!isRangeMode) return [null, null];
+    const tuple = isControlled ? props.value : internalRangeValue;
+    if (!tuple) return [null, null];
+    const start = Array.isArray(tuple) ? _tigercatcore.parseDate.call(void 0, tuple[0]) : null;
+    const end = Array.isArray(tuple) ? _tigercatcore.parseDate.call(void 0, tuple[1]) : null;
+    return [start, end];
+  })();
+  const minDateParsed = _react.useMemo.call(void 0, () => _tigercatcore.parseDate.call(void 0, _nullishCoalesce(props.minDate, () => ( null))), [props.minDate]);
+  const maxDateParsed = _react.useMemo.call(void 0, () => _tigercatcore.parseDate.call(void 0, _nullishCoalesce(props.maxDate, () => ( null))), [props.maxDate]);
+  const localeCode = _react.useMemo.call(void 0, () => _tigercatcore.getDatePickerLocaleCode.call(void 0, props.locale), [props.locale]);
+  const [viewingMonth, setViewingMonth] = _react.useState.call(void 0, 
+    _nullishCoalesce(_optionalChain([(_nullishCoalesce(selectedDate, () => ( selectedRange[0]))), 'optionalAccess', _2 => _2.getMonth, 'call', _3 => _3()]), () => ( (/* @__PURE__ */ new Date()).getMonth()))
+  );
+  const [viewingYear, setViewingYear] = _react.useState.call(void 0, 
+    _nullishCoalesce(_optionalChain([(_nullishCoalesce(selectedDate, () => ( selectedRange[0]))), 'optionalAccess', _4 => _4.getFullYear, 'call', _5 => _5()]), () => ( (/* @__PURE__ */ new Date()).getFullYear()))
+  );
+  const displayValue = (() => {
+    if (!isRangeMode) {
+      return selectedDate ? _tigercatcore.formatDate.call(void 0, selectedDate, format, localeCode) : "";
+    }
+    const [start, end] = selectedRange;
+    const startText = start ? _tigercatcore.formatDate.call(void 0, start, format, localeCode) : "";
+    const endText = end ? _tigercatcore.formatDate.call(void 0, end, format, localeCode) : "";
+    if (!startText && !endText) return "";
+    if (startText && endText) return `${startText} - ${endText}`;
+    return startText ? `${startText} - ` : ` - ${endText}`;
+  })();
+  const showClearButton = (() => {
+    if (!clearable || disabled || readonly) return false;
+    if (!isRangeMode) return selectedDate !== null;
+    return selectedRange[0] !== null || selectedRange[1] !== null;
+  })();
+  const calendarDays = _react.useMemo.call(void 0, 
+    () => _tigercatcore.getCalendarDays.call(void 0, viewingYear, viewingMonth),
+    [viewingYear, viewingMonth]
+  );
+  const selectedDateRef = _react.useRef.call(void 0, selectedDate);
+  const selectedRangeRef = _react.useRef.call(void 0, selectedRange);
+  const minDateParsedRef = _react.useRef.call(void 0, minDateParsed);
+  const maxDateParsedRef = _react.useRef.call(void 0, maxDateParsed);
+  const calendarDaysRef = _react.useRef.call(void 0, calendarDays);
+  selectedDateRef.current = selectedDate;
+  selectedRangeRef.current = selectedRange;
+  minDateParsedRef.current = minDateParsed;
+  maxDateParsedRef.current = maxDateParsed;
+  calendarDaysRef.current = calendarDays;
+  const dayNames = _react.useMemo.call(void 0, () => _tigercatcore.getShortDayNames.call(void 0, localeCode), [localeCode]);
+  const isRtl = _tigercatcore.getLocaleDirection.call(void 0, localeCode) === "rtl";
+  const labels = _react.useMemo.call(void 0, 
+    () => _tigercatcore.getDatePickerLabels.call(void 0, props.locale, props.labels),
+    [props.locale, props.labels]
+  );
+  const mobileDate = _react.useMemo.call(void 0, () => {
+    if (!isRangeMode) return _nullishCoalesce(selectedDate, () => ( _tigercatcore.normalizeDate.call(void 0, /* @__PURE__ */ new Date())));
+    const [start, end] = selectedRange;
+    return _nullishCoalesce(_nullishCoalesce(_nullishCoalesce((activeRangePart === "start" ? start : end), () => ( start)), () => ( end)), () => ( _tigercatcore.normalizeDate.call(void 0, /* @__PURE__ */ new Date())));
+  }, [activeRangePart, isRangeMode, selectedDate, selectedRange]);
+  const mobileYears = _react.useMemo.call(void 0, () => {
+    const baseYear = mobileDate.getFullYear();
+    return Array.from({ length: 101 }, (_, index) => baseYear - 50 + index);
+  }, [mobileDate]);
+  const mobileDays = _react.useMemo.call(void 0, () => {
+    const daysInMonth = new Date(mobileDate.getFullYear(), mobileDate.getMonth() + 1, 0).getDate();
+    return Array.from({ length: daysInMonth }, (_, index) => index + 1);
+  }, [mobileDate]);
+  const toggleCalendar = () => {
+    if (!disabled && !readonly) {
+      setIsOpen(!isOpen);
+      if (!isOpen) {
+        restoreFocusRef.current = _nullishCoalesce(inputRef.current, () => ( null));
+        const baseDate = _nullishCoalesce(selectedDate, () => ( selectedRange[0]));
+        if (baseDate) {
+          setViewingMonth(baseDate.getMonth());
+          setViewingYear(baseDate.getFullYear());
+        }
+      }
+    }
+  };
+  const closeCalendar = _react.useCallback.call(void 0, () => {
+    setIsOpen(false);
+  }, []);
+  const isDateDisabled = _react.useCallback.call(void 0, (date) => {
+    if (!date) return true;
+    return !_tigercatcore.isDateInRange.call(void 0, date, minDateParsedRef.current, maxDateParsedRef.current);
+  }, []);
+  const getFirstEnabledIsoInView = _react.useCallback.call(void 0, () => {
+    for (const date of calendarDaysRef.current) {
+      if (!date) continue;
+      const iso = _tigercatcore.formatDate.call(void 0, date, "yyyy-MM-dd");
+      const isDisabled = isDateDisabled(date);
+      if (!isDisabled) return iso;
+    }
+    return null;
+  }, [isDateDisabled]);
+  const getPreferredFocusIso = _react.useCallback.call(void 0, () => {
+    const focusDate = isRangeMode ? _nullishCoalesce(selectedRangeRef.current[0], () => ( selectedRangeRef.current[1])) : selectedDateRef.current;
+    if (focusDate) {
+      return _tigercatcore.formatDate.call(void 0, focusDate, "yyyy-MM-dd");
+    }
+    const today = _tigercatcore.normalizeDate.call(void 0, /* @__PURE__ */ new Date());
+    if (_tigercatcore.isDateInRange.call(void 0, today, minDateParsedRef.current, maxDateParsedRef.current)) {
+      return _tigercatcore.formatDate.call(void 0, today, "yyyy-MM-dd");
+    }
+    return getFirstEnabledIsoInView();
+  }, [isRangeMode, getFirstEnabledIsoInView]);
+  const focusDateButtonByIso = _react.useCallback.call(void 0, (iso) => {
+    const button = _optionalChain([calendarRef, 'access', _6 => _6.current, 'optionalAccess', _7 => _7.querySelector, 'call', _8 => _8(
+      `button[data-date="${iso}"]`
+    )]);
+    if (!button || button.disabled) return false;
+    button.focus();
+    setActiveDateIso(iso);
+    return true;
+  }, []);
+  const restoreFocus = _react.useCallback.call(void 0, () => {
+    const target = _nullishCoalesce(restoreFocusRef.current, () => ( inputRef.current));
+    if (!target) return;
+    if (typeof target.focus === "function") {
+      ;
+      target.focus();
+    }
+  }, []);
+  const addDays = (date, days) => {
+    const next = new Date(date);
+    next.setDate(next.getDate() + days);
+    return next;
+  };
+  const moveFocus = (deltaDays) => {
+    const activeEl = document.activeElement;
+    const currentIso = _nullishCoalesce(_nullishCoalesce(_optionalChain([activeEl, 'optionalAccess', _9 => _9.getAttribute, 'call', _10 => _10("data-date")]), () => ( activeDateIso)), () => ( null));
+    const baseIso = _nullishCoalesce(currentIso, () => ( getPreferredFocusIso()));
+    if (!baseIso) return;
+    const baseDate = _tigercatcore.parseDate.call(void 0, baseIso);
+    if (!baseDate) return;
+    let candidate = addDays(baseDate, deltaDays);
+    for (let attempts = 0; attempts < 42; attempts++) {
+      const iso = _tigercatcore.formatDate.call(void 0, candidate, "yyyy-MM-dd");
+      const el = _optionalChain([calendarRef, 'access', _11 => _11.current, 'optionalAccess', _12 => _12.querySelector, 'call', _13 => _13(
+        `button[data-date="${iso}"]`
+      )]);
+      if (el && !el.disabled) {
+        el.focus();
+        setActiveDateIso(iso);
+        return;
+      }
+      if (!el) {
+        pendingFocusIsoRef.current = iso;
+        setViewingYear(candidate.getFullYear());
+        setViewingMonth(candidate.getMonth());
+        setActiveDateIso(iso);
+        return;
+      }
+      candidate = addDays(candidate, deltaDays);
+    }
+  };
+  const handleCalendarKeyDown = (event) => {
+    if (!isOpen) return;
+    switch (event.key) {
+      case "Escape": {
+        event.preventDefault();
+        closeCalendar();
+        return;
+      }
+      case "ArrowRight": {
+        event.preventDefault();
+        moveFocus(1);
+        return;
+      }
+      case "ArrowLeft": {
+        event.preventDefault();
+        moveFocus(-1);
+        return;
+      }
+      case "ArrowDown": {
+        event.preventDefault();
+        moveFocus(7);
+        return;
+      }
+      case "ArrowUp": {
+        event.preventDefault();
+        moveFocus(-7);
+        return;
+      }
+      case "Enter":
+      case " ": {
+        const activeEl = document.activeElement;
+        if (_optionalChain([activeEl, 'optionalAccess', _14 => _14.tagName]) === "BUTTON" && activeEl.dataset.date) {
+          event.preventDefault();
+          if (!activeEl.disabled) activeEl.click();
+        }
+        return;
+      }
+    }
+  };
+  const setRangeValue = (next) => {
+    if (!isControlled) {
+      setInternalRangeValue(next);
+    }
+    ;
+    _optionalChain([props, 'access', _15 => _15.onChange, 'optionalCall', _16 => _16(next)]);
+  };
+  const selectDate = (date) => {
+    if (!date) return;
+    const normalizedDate = _tigercatcore.normalizeDate.call(void 0, date);
+    if (!_tigercatcore.isDateInRange.call(void 0, normalizedDate, minDateParsed, maxDateParsed)) {
+      return;
+    }
+    if (!isRangeMode) {
+      if (!isControlled) {
+        setInternalValue(normalizedDate);
+      }
+      ;
+      _optionalChain([props, 'access', _17 => _17.onChange, 'optionalCall', _18 => _18(normalizedDate)]);
+      closeCalendar();
+      return;
+    }
+    const [start, end] = selectedRange;
+    if (!start || start && end) {
+      setRangeValue([normalizedDate, null]);
+      return;
+    }
+    setRangeValue([start, normalizedDate < start ? start : normalizedDate]);
+  };
+  const setToday = () => {
+    selectDate(/* @__PURE__ */ new Date());
+  };
+  const commitMobileDate = (date) => {
+    const normalized = _tigercatcore.normalizeDate.call(void 0, date);
+    if (!_tigercatcore.isDateInRange.call(void 0, normalized, minDateParsed, maxDateParsed)) return;
+    setViewingYear(normalized.getFullYear());
+    setViewingMonth(normalized.getMonth());
+    if (!isRangeMode) {
+      if (!isControlled) {
+        setInternalValue(normalized);
+      }
+      ;
+      _optionalChain([props, 'access', _19 => _19.onChange, 'optionalCall', _20 => _20(normalized)]);
+      return;
+    }
+    const [start, end] = selectedRange;
+    if (activeRangePart === "start") {
+      const next = [normalized, end && end < normalized ? normalized : end];
+      setRangeValue(next);
+      setActiveRangePart("end");
+      return;
+    }
+    setRangeValue([_nullishCoalesce(start, () => ( normalized)), start && normalized < start ? start : normalized]);
+  };
+  const updateMobileDate = (part, value) => {
+    const nextYear = part === "year" ? value : mobileDate.getFullYear();
+    const nextMonth2 = part === "month" ? value : mobileDate.getMonth();
+    const maxDay = new Date(nextYear, nextMonth2 + 1, 0).getDate();
+    const nextDay = Math.min(part === "day" ? value : mobileDate.getDate(), maxDay);
+    commitMobileDate(new Date(nextYear, nextMonth2, nextDay));
+  };
+  const handleShortcut = (shortcut) => {
+    const val = typeof shortcut.value === "function" ? shortcut.value() : shortcut.value;
+    if (!isRangeMode) {
+      const date = val instanceof Date ? _tigercatcore.normalizeDate.call(void 0, val) : val ? _tigercatcore.normalizeDate.call(void 0, _tigercatcore.parseDate.call(void 0, val)) : null;
+      if (!isControlled) setInternalValue(date);
+      _optionalChain([props, 'access', _21 => _21.onChange, 'optionalCall', _22 => _22(date)]);
+    } else {
+      const range = val;
+      if (range && Array.isArray(range)) {
+        const parsed = [
+          range[0] ? _tigercatcore.normalizeDate.call(void 0, range[0] instanceof Date ? range[0] : _tigercatcore.parseDate.call(void 0, range[0])) : null,
+          range[1] ? _tigercatcore.normalizeDate.call(void 0, range[1] instanceof Date ? range[1] : _tigercatcore.parseDate.call(void 0, range[1])) : null
+        ];
+        setRangeValue(parsed);
+      }
+    }
+    closeCalendar();
+  };
+  const clearDate = (event) => {
+    event.stopPropagation();
+    if (!isRangeMode) {
+      if (!isControlled) {
+        setInternalValue(null);
+      }
+      ;
+      _optionalChain([props, 'access', _23 => _23.onChange, 'optionalCall', _24 => _24(null)]);
+    } else {
+      setRangeValue([null, null]);
+    }
+    _optionalChain([props, 'access', _25 => _25.onClear, 'optionalCall', _26 => _26()]);
+  };
+  const previousMonth = () => {
+    if (viewingMonth === 0) {
+      setViewingMonth(11);
+      setViewingYear(viewingYear - 1);
+    } else {
+      setViewingMonth(viewingMonth - 1);
+    }
+  };
+  const nextMonth = () => {
+    if (viewingMonth === 11) {
+      setViewingMonth(0);
+      setViewingYear(viewingYear + 1);
+    } else {
+      setViewingMonth(viewingMonth + 1);
+    }
+  };
+  const isCurrentMonth = (date) => {
+    if (!date) return false;
+    return date.getMonth() === viewingMonth;
+  };
+  _react.useEffect.call(void 0, () => {
+    if (isOpen) {
+      const handleClickOutside = (event) => {
+        if (calendarRef.current && mobileCalendarRef.current && inputWrapperRef.current && !calendarRef.current.contains(event.target) && !mobileCalendarRef.current.contains(event.target) && !inputWrapperRef.current.contains(event.target)) {
+          closeCalendar();
+        }
+      };
+      document.addEventListener("click", handleClickOutside);
+      const preferred = _nullishCoalesce(pendingFocusIsoRef.current, () => ( getPreferredFocusIso()));
+      pendingFocusIsoRef.current = null;
+      setTimeout(() => {
+        if (preferred && focusDateButtonByIso(preferred)) return;
+        const fallback = getFirstEnabledIsoInView();
+        if (fallback) focusDateButtonByIso(fallback);
+      }, 0);
+      return () => document.removeEventListener("click", handleClickOutside);
+    }
+    setTimeout(() => restoreFocus(), 0);
+  }, [
+    isOpen,
+    closeCalendar,
+    focusDateButtonByIso,
+    getFirstEnabledIsoInView,
+    getPreferredFocusIso,
+    restoreFocus
+  ]);
+  _react.useEffect.call(void 0, () => {
+    if (!isOpen) return;
+    const pending = pendingFocusIsoRef.current;
+    if (!pending) return;
+    pendingFocusIsoRef.current = null;
+    setTimeout(() => {
+      if (focusDateButtonByIso(pending)) return;
+      const fallback = getFirstEnabledIsoInView();
+      if (fallback) focusDateButtonByIso(fallback);
+    }, 0);
+  }, [isOpen, focusDateButtonByIso, getFirstEnabledIsoInView]);
+  const inputClasses = _react.useMemo.call(void 0, 
+    () => _tigercatcore.getDatePickerInputClasses.call(void 0, size, disabled || readonly),
+    [size, disabled, readonly]
+  );
+  const iconButtonClasses = _react.useMemo.call(void 0, () => _tigercatcore.getDatePickerIconButtonClasses.call(void 0, size), [size]);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.classNames.call(void 0, _tigercatcore.datePickerBaseClasses, props.className), ...divProps, children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref: inputWrapperRef, className: _tigercatcore.datePickerInputWrapperClasses, children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "input",
+        {
+          ref: inputRef,
+          type: "text",
+          className: inputClasses,
+          value: displayValue,
+          placeholder,
+          disabled,
+          readOnly: true,
+          required,
+          name: props.name,
+          id: props.id,
+          onClick: toggleCalendar,
+          "aria-label": placeholder || "Select date"
+        }
+      ),
+      showClearButton && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "button",
+        {
+          type: "button",
+          className: _tigercatcore.datePickerClearButtonClasses,
+          onClick: clearDate,
+          "aria-label": labels.clearDate,
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Icon, { path: _tigercatcore.CloseIconPath, className: "w-4 h-4" })
+        }
+      ),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "button",
+        {
+          type: "button",
+          className: iconButtonClasses,
+          disabled: disabled || readonly,
+          onClick: toggleCalendar,
+          "aria-label": labels.toggleCalendar,
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Icon, { path: _tigercatcore.CalendarIconPath, className: "w-5 h-5" })
+        }
+      )
+    ] }),
+    isOpen && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "div",
+      {
+        ref: mobileCalendarRef,
+        className: _tigercatcore.datePickerMobileWheelClasses,
+        role: "group",
+        "aria-label": labels.calendar,
+        children: [
+          isRangeMode && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-3 flex items-center gap-2", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "button",
+              {
+                type: "button",
+                className: _tigercatcore.datePickerFooterButtonClasses,
+                "aria-selected": activeRangePart === "start",
+                onClick: () => setActiveRangePart("start"),
+                children: "Start"
+              }
+            ),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "button",
+              {
+                type: "button",
+                className: _tigercatcore.datePickerFooterButtonClasses,
+                "aria-selected": activeRangePart === "end",
+                onClick: () => setActiveRangePart("end"),
+                children: "End"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.datePickerMobileWheelGridClasses, children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "select",
+              {
+                className: _tigercatcore.datePickerMobileWheelSelectClasses,
+                value: mobileDate.getFullYear(),
+                "aria-label": "Year",
+                onChange: (event) => updateMobileDate("year", Number(event.target.value)),
+                children: mobileYears.map((year) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "option", { value: year, children: year }, year))
+              }
+            ),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "select",
+              {
+                className: _tigercatcore.datePickerMobileWheelSelectClasses,
+                value: mobileDate.getMonth(),
+                "aria-label": "Month",
+                onChange: (event) => updateMobileDate("month", Number(event.target.value)),
+                children: Array.from({ length: 12 }, (_, month) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "option", { value: month, children: month + 1 }, month))
+              }
+            ),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "select",
+              {
+                className: _tigercatcore.datePickerMobileWheelSelectClasses,
+                value: mobileDate.getDate(),
+                "aria-label": "Day",
+                onChange: (event) => updateMobileDate("day", Number(event.target.value)),
+                children: mobileDays.map((day) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "option", { value: day, children: day }, day))
+              }
+            )
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-4 flex justify-end gap-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "button",
+            {
+              type: "button",
+              className: _tigercatcore.datePickerFooterButtonClasses,
+              "aria-label": `Mobile ${labels.ok}`,
+              onClick: closeCalendar,
+              children: labels.ok
+            }
+          ) })
+        ]
+      }
+    ),
+    isOpen && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "div",
+      {
+        ref: calendarRef,
+        className: _tigercatcore.datePickerCalendarClasses,
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": labels.calendar,
+        onKeyDown: handleCalendarKeyDown,
+        children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.datePickerCalendarHeaderClasses, children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "button",
+              {
+                type: "button",
+                className: _tigercatcore.datePickerNavButtonClasses,
+                onClick: previousMonth,
+                "aria-label": labels.previousMonth,
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Icon, { path: isRtl ? _tigercatcore.ChevronRightIconPath : _tigercatcore.ChevronLeftIconPath, className: "w-5 h-5" })
+              }
+            ),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.datePickerMonthYearClasses, children: _tigercatcore.formatMonthYear.call(void 0, viewingYear, viewingMonth, localeCode) }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "button",
+              {
+                type: "button",
+                className: _tigercatcore.datePickerNavButtonClasses,
+                onClick: nextMonth,
+                "aria-label": labels.nextMonth,
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Icon, { path: isRtl ? _tigercatcore.ChevronLeftIconPath : _tigercatcore.ChevronRightIconPath, className: "w-5 h-5" })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.datePickerCalendarGridClasses, role: "row", children: dayNames.map((day) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.datePickerDayNameClasses, role: "columnheader", children: day }, day)) }),
+          (() => {
+            const [rangeStart, rangeEnd] = selectedRange;
+            const normStart = rangeStart ? _tigercatcore.normalizeDate.call(void 0, rangeStart) : null;
+            const normEnd = rangeEnd ? _tigercatcore.normalizeDate.call(void 0, rangeEnd) : null;
+            const isSelectingEnd = isRangeMode && Boolean(rangeStart) && !rangeEnd;
+            return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "div",
+              {
+                className: _tigercatcore.datePickerCalendarGridClasses,
+                role: "grid",
+                "aria-rowcount": 6,
+                "aria-colcount": 7,
+                children: calendarDays.map((date, index) => {
+                  if (!date) return null;
+                  const normDate = _tigercatcore.normalizeDate.call(void 0, date);
+                  const isRangeStart = isRangeMode && rangeStart ? _tigercatcore.isSameDay.call(void 0, date, rangeStart) : false;
+                  const isRangeEnd = isRangeMode && rangeEnd ? _tigercatcore.isSameDay.call(void 0, date, rangeEnd) : false;
+                  const isInRange = isRangeMode && normStart && normEnd && normDate >= normStart && normDate <= normEnd;
+                  const isSelected = !isRangeMode ? selectedDate ? _tigercatcore.isSameDay.call(void 0, date, selectedDate) : false : isRangeStart || isRangeEnd;
+                  const isCurrentMonthDay = isCurrentMonth(date);
+                  const isTodayDay = _tigercatcore.isToday.call(void 0, date);
+                  const isBeforeRangeStart = isSelectingEnd && normStart && normDate < normStart;
+                  const isDisabled = isDateDisabled(date) || Boolean(isBeforeRangeStart);
+                  const iso = _tigercatcore.formatDate.call(void 0, date, "yyyy-MM-dd");
+                  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                    "button",
+                    {
+                      type: "button",
+                      className: _tigercatcore.getDatePickerDayCellClasses.call(void 0, 
+                        isCurrentMonthDay,
+                        isSelected,
+                        isTodayDay,
+                        isDisabled,
+                        Boolean(isInRange),
+                        Boolean(isRangeStart),
+                        Boolean(isRangeEnd)
+                      ),
+                      disabled: isDisabled,
+                      onClick: () => selectDate(date),
+                      role: "gridcell",
+                      "data-date": iso,
+                      onFocus: () => setActiveDateIso(iso),
+                      tabIndex: activeDateIso === iso && !isDisabled ? 0 : -1,
+                      "aria-label": iso,
+                      "aria-selected": isSelected,
+                      "aria-current": isTodayDay ? "date" : void 0,
+                      children: date.getDate()
+                    },
+                    index
+                  );
+                })
+              }
+            );
+          })(),
+          props.shortcuts && props.shortcuts.length > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-wrap gap-1 px-3 py-2 border-t border-[var(--tiger-border,#e5e7eb)]", children: props.shortcuts.map((sc, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "button",
+            {
+              type: "button",
+              className: _tigercatcore.datePickerFooterButtonClasses,
+              onClick: () => handleShortcut(sc),
+              children: sc.label
+            },
+            i
+          )) }),
+          isRangeMode && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.datePickerFooterClasses, children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "button", { type: "button", className: _tigercatcore.datePickerFooterButtonClasses, onClick: setToday, children: labels.today }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "button",
+              {
+                type: "button",
+                className: _tigercatcore.datePickerFooterButtonClasses,
+                onClick: closeCalendar,
+                children: labels.ok
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
+};
+
+
+
+exports.DatePicker = DatePicker;