@webority/mobile-ui 0.0.39 → 0.1.0

package/lib/commonjs/components/DatePicker/DatePicker.js

@@ -1,1054 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.DatePicker = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _reactNativeGestureHandler = require("react-native-gesture-handler");
-var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
-var _useDragToDismiss = require("../../hooks/useDragToDismiss.js");
-var _index = require("../../theme/index.js");
-var _index2 = require("../../utils/index.js");
-var _corners = require("../../utils/corners.js");
-var _defaultIcons = require("../AppIcon/defaultIcons.js");
-var _index3 = require("../PickerTrigger/index.js");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-/**
- * DatePicker operates in two modes:
- *
- * 1. **Controlled-modal mode** — pass `visible` (plus `onChange` / `onClose`)
- *    and own the open state externally. The component renders only the modal.
- * 2. **Trigger mode** — omit `visible`. The component renders a built-in
- *    PickerTrigger field (label / value / placeholder / chevron / clear /
- *    helper / error / size / variant) and manages its own open state. The
- *    field opens the modal on press and closes it on confirm/cancel.
- *
- * `onChange` / `onClose` are typed optional to support trigger-only usage
- * where the consumer may not need either callback. In controlled-modal mode
- * they remain semantically required.
- */
-
-const GRID_SIZE = 12; // 4 cols x 3 rows for year / decade grids
-const DECADE_SPAN = 10;
-const startOfDay = date => {
-  const d = new Date(date.getFullYear(), date.getMonth(), date.getDate());
-  return d;
-};
-const isSameDay = (a, b) => a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
-const toIso = date => {
-  const y = date.getFullYear();
-  const m = String(date.getMonth() + 1).padStart(2, '0');
-  const d = String(date.getDate()).padStart(2, '0');
-  return `${y}-${m}-${d}`;
-};
-const addMonths = (date, delta) => new Date(date.getFullYear(), date.getMonth() + delta, 1);
-const buildMonthMatrix = (anchor, weekStartsOn) => {
-  const year = anchor.getFullYear();
-  const month = anchor.getMonth();
-  const firstOfMonth = new Date(year, month, 1);
-  const firstWeekday = firstOfMonth.getDay();
-  const offset = (firstWeekday - weekStartsOn + 7) % 7;
-  const cells = [];
-  for (let i = 0; i < 42; i += 1) {
-    // Calendar arithmetic, not `gridStart + i * 86400000`: adding a fixed 24h
-    // across a DST transition shifts local time by an hour, which duplicates
-    // or skips a day in the grid. Invisible in IST, wrong everywhere that
-    // observes DST.
-    const d = new Date(year, month, 1 - offset + i);
-    cells.push({
-      date: d,
-      inMonth: d.getMonth() === month,
-      iso: toIso(d)
-    });
-  }
-  return cells;
-};
-const weekdayLabels = (locale, weekStartsOn) => {
-  // Reference Sunday Jan 4 1970 (weekday 0) — pick 7 consecutive days starting at weekStartsOn.
-  const fmt = new Intl.DateTimeFormat(locale, {
-    weekday: 'short'
-  });
-  const labels = [];
-  for (let i = 0; i < 7; i += 1) {
-    const day = (weekStartsOn + i) % 7;
-    // Jan 4 1970 = Sunday (day 0); shift to the right weekday.
-    const ref = new Date(1970, 0, 4 + day);
-    labels.push(fmt.format(ref));
-  }
-  return labels;
-};
-const formatMonthYear = (date, locale) => new Intl.DateTimeFormat(locale, {
-  month: 'long',
-  year: 'numeric'
-}).format(date);
-const formatLongDate = (date, locale) => new Intl.DateTimeFormat(locale, {
-  weekday: 'long',
-  year: 'numeric',
-  month: 'long',
-  day: 'numeric'
-}).format(date);
-const decadeStartFor = year => Math.floor(year / DECADE_SPAN) * DECADE_SPAN;
-
-// 12 years centered on the anchor year: 4 prior, anchor, 7 following.
-const buildYearCells = anchorYear => {
-  const start = anchorYear - 4;
-  return Array.from({
-    length: GRID_SIZE
-  }, (_, i) => start + i);
-};
-
-// 12 decades centered on the anchor decade: 4 prior, anchor decade, 7 following.
-const buildDecadeCells = anchorYear => {
-  const startDecade = decadeStartFor(anchorYear) - 4 * DECADE_SPAN;
-  return Array.from({
-    length: GRID_SIZE
-  }, (_, i) => startDecade + i * DECADE_SPAN);
-};
-const DatePicker = props => {
-  const {
-    value,
-    onChange,
-    onClose,
-    minDate,
-    maxDate,
-    disabledDates,
-    mode = 'modal',
-    locale = 'en-IN',
-    weekStartsOn = 0,
-    title = 'Select Date',
-    confirmLabel = 'Confirm',
-    cancelLabel = 'Cancel',
-    style,
-    containerStyle,
-    headerLabelStyle,
-    navButtonStyle,
-    footerButtonStyle,
-    haptic,
-    testID,
-    label,
-    placeholder,
-    helperText,
-    error,
-    required,
-    disabled,
-    size,
-    variant,
-    clearable,
-    onClear,
-    formatValue,
-    triggerStyle
-  } = props;
-
-  // Controlled vs uncontrolled detection: if `visible` is supplied (even
-  // `false`), the consumer owns the open state; otherwise we own it.
-  const isControlled = props.visible !== undefined;
-  const [internalOpen, setInternalOpen] = (0, _react.useState)(false);
-  const open = isControlled ? props.visible : internalOpen;
-
-  // In trigger mode the trigger field is what's on screen by default, so it
-  // carries the bare testID; the calendar (only mounted once opened) gets a
-  // derived id to avoid two nodes sharing the same testID when both render.
-  const calendarTestID = isControlled ? testID : testID ? `${testID}-calendar` : undefined;
-  const theme = (0, _index.useTheme)();
-  const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
-  const styles = (0, _react.useMemo)(() => buildStyles(theme), [theme]);
-
-  // Refreshed each time the picker opens: computed once at mount, an app left
-  // open overnight would keep highlighting yesterday.
-  const [today, setToday] = (0, _react.useState)(() => startOfDay(new Date()));
-  (0, _react.useEffect)(() => {
-    if (open) {
-      setToday(startOfDay(new Date()));
-    }
-  }, [open]);
-  const initialAnchor = value ? startOfDay(value) : today;
-  const [anchor, setAnchor] = (0, _react.useState)(initialAnchor);
-  const [pendingDate, setPendingDate] = (0, _react.useState)(value ? startOfDay(value) : null);
-  const [viewMode, setViewMode] = (0, _react.useState)('days');
-
-  // Animations
-  const backdrop = (0, _react.useRef)((0, _index.createAnimatedValue)(0)).current;
-  const sheet = (0, _react.useRef)((0, _index.createAnimatedValue)(0)).current;
-  // Live drag offset for drag-to-dismiss; the sheet's measured height is how far it travels.
-  const drag = (0, _react.useRef)((0, _index.createAnimatedValue)(0)).current;
-  const sheetHeight = (0, _react.useRef)(0);
-  const monthSlide = (0, _react.useRef)((0, _index.createAnimatedValue)(0)).current;
-  const monthFade = (0, _react.useRef)((0, _index.createAnimatedValue)(1)).current;
-  const selectScale = (0, _react.useRef)((0, _index.createAnimatedValue)(1)).current;
-  const viewFade = (0, _react.useRef)((0, _index.createAnimatedValue)(1)).current;
-  const viewScale = (0, _react.useRef)((0, _index.createAnimatedValue)(1)).current;
-  const headerScale = (0, _react.useRef)((0, _index.createAnimatedValue)(1)).current;
-
-  // Sync anchor / pending when value prop changes.
-  (0, _react.useEffect)(() => {
-    if (value) {
-      const d = startOfDay(value);
-      setPendingDate(d);
-      setAnchor(d);
-    } else {
-      setPendingDate(null);
-    }
-  }, [value]);
-
-  // Modal open / close animation. Backdrop opacity runs on JS driver — see
-  // Modal.tsx for the RN 0.85 / Fabric two-bug reason (view flattening +
-  // native-driver opacity on Animated.View with backgroundColor). Sheet
-  // transform stays native.
-  (0, _react.useEffect)(() => {
-    if (mode !== 'modal') {
-      return;
-    }
-    if (open) {
-      backdrop.setValue(0);
-      (0, _index.setNativeValue)(sheet, 0);
-      (0, _index.setNativeValue)(drag, 0);
-      const anim = _reactNative.Animated.parallel([_reactNative.Animated.timing(backdrop, {
-        toValue: 1,
-        duration: theme.motion.duration.normal,
-        easing: _reactNative.Easing.out(_reactNative.Easing.cubic),
-        useNativeDriver: false
-      }), _reactNative.Animated.spring(sheet, {
-        toValue: 1,
-        damping: theme.motion.spring.gentle.damping,
-        stiffness: theme.motion.spring.gentle.stiffness,
-        mass: theme.motion.spring.gentle.mass,
-        useNativeDriver: true
-      })]);
-      anim.start();
-      return () => anim.stop();
-    }
-  }, [open, mode, backdrop, sheet, drag, theme.motion]);
-  const disabledIsoSet = (0, _react.useMemo)(() => {
-    const set = new Set();
-    disabledDates?.forEach(d => set.add(toIso(startOfDay(d))));
-    return set;
-  }, [disabledDates]);
-  const minDay = (0, _react.useMemo)(() => minDate ? startOfDay(minDate) : null, [minDate]);
-  const maxDay = (0, _react.useMemo)(() => maxDate ? startOfDay(maxDate) : null, [maxDate]);
-  const isDisabled = (0, _react.useCallback)(date => {
-    if (minDay && date.getTime() < minDay.getTime()) {
-      return true;
-    }
-    if (maxDay && date.getTime() > maxDay.getTime()) {
-      return true;
-    }
-    if (disabledIsoSet.has(toIso(date))) {
-      return true;
-    }
-    return false;
-  }, [minDay, maxDay, disabledIsoSet]);
-  const cells = (0, _react.useMemo)(() => buildMonthMatrix(anchor, weekStartsOn), [anchor, weekStartsOn]);
-  const yearCells = (0, _react.useMemo)(() => buildYearCells(anchor.getFullYear()), [anchor]);
-  const decadeCells = (0, _react.useMemo)(() => buildDecadeCells(anchor.getFullYear()), [anchor]);
-  const weekdays = (0, _react.useMemo)(() => weekdayLabels(locale, weekStartsOn), [locale, weekStartsOn]);
-  const headerLabel = (0, _react.useMemo)(() => {
-    if (viewMode === 'days') {
-      return formatMonthYear(anchor, locale);
-    }
-    if (viewMode === 'years') {
-      const first = yearCells[0];
-      const last = yearCells[yearCells.length - 1];
-      return `${first} - ${last}`;
-    }
-    const first = decadeCells[0];
-    const last = decadeCells[decadeCells.length - 1] + (DECADE_SPAN - 1);
-    return `${first} - ${last}`;
-  }, [anchor, decadeCells, locale, viewMode, yearCells]);
-  const isYearDisabled = (0, _react.useCallback)(year => {
-    if (minDay && year < minDay.getFullYear()) {
-      return true;
-    }
-    if (maxDay && year > maxDay.getFullYear()) {
-      return true;
-    }
-    return false;
-  }, [minDay, maxDay]);
-  const isDecadeDisabled = (0, _react.useCallback)(decadeStart => {
-    const decadeEnd = decadeStart + DECADE_SPAN - 1;
-    if (minDay && decadeEnd < minDay.getFullYear()) {
-      return true;
-    }
-    if (maxDay && decadeStart > maxDay.getFullYear()) {
-      return true;
-    }
-    return false;
-  }, [minDay, maxDay]);
-  const animateMonthChange = (0, _react.useCallback)(delta => {
-    if (haptic !== false) {
-      (0, _index2.triggerHaptic)('impactLight');
-    }
-    const direction = delta > 0 ? 1 : -1;
-    const distance = theme.components.datePicker?.monthSlideDistance ?? 32;
-    const outDuration = theme.components.datePicker?.monthSlideOutDuration ?? theme.motion.duration.fast ?? 140;
-    const inDuration = theme.components.datePicker?.monthSlideInDuration ?? theme.motion.duration.fast ?? 160;
-    _reactNative.Animated.sequence([_reactNative.Animated.parallel([_reactNative.Animated.timing(monthSlide, {
-      toValue: -direction * distance,
-      duration: outDuration,
-      easing: _reactNative.Easing.out(_reactNative.Easing.quad),
-      useNativeDriver: true
-    }), _reactNative.Animated.timing(monthFade, {
-      toValue: 0,
-      duration: outDuration,
-      useNativeDriver: true
-    })]), _reactNative.Animated.timing(monthSlide, {
-      toValue: direction * distance,
-      duration: 0,
-      useNativeDriver: true
-    }), _reactNative.Animated.parallel([_reactNative.Animated.timing(monthSlide, {
-      toValue: 0,
-      duration: inDuration,
-      easing: _reactNative.Easing.out(_reactNative.Easing.cubic),
-      useNativeDriver: true
-    }), _reactNative.Animated.timing(monthFade, {
-      toValue: 1,
-      duration: inDuration,
-      useNativeDriver: true
-    })])]).start();
-    const next = addMonths(anchor, delta);
-    setAnchor(next);
-    _reactNative.AccessibilityInfo.announceForAccessibility(formatMonthYear(next, locale));
-  }, [anchor, haptic, locale, monthFade, monthSlide, theme.components.datePicker, theme.motion.duration.fast]);
-  const goPrev = (0, _react.useCallback)(() => {
-    if (viewMode === 'days') {
-      animateMonthChange(-1);
-      return;
-    }
-    if (haptic !== false) {
-      (0, _index2.triggerHaptic)('impactLight');
-    }
-    if (viewMode === 'years') {
-      setAnchor(prev => new Date(prev.getFullYear() - GRID_SIZE, prev.getMonth(), 1));
-    } else {
-      setAnchor(prev => new Date(prev.getFullYear() - GRID_SIZE * DECADE_SPAN, prev.getMonth(), 1));
-    }
-  }, [animateMonthChange, viewMode, haptic]);
-  const goNext = (0, _react.useCallback)(() => {
-    if (viewMode === 'days') {
-      animateMonthChange(1);
-      return;
-    }
-    if (haptic !== false) {
-      (0, _index2.triggerHaptic)('impactLight');
-    }
-    if (viewMode === 'years') {
-      setAnchor(prev => new Date(prev.getFullYear() + GRID_SIZE, prev.getMonth(), 1));
-    } else {
-      setAnchor(prev => new Date(prev.getFullYear() + GRID_SIZE * DECADE_SPAN, prev.getMonth(), 1));
-    }
-  }, [animateMonthChange, viewMode, haptic]);
-
-  // View-mode transition: fade + scale, native driver.
-  const animateViewTransition = (0, _react.useCallback)(() => {
-    const dur = theme.components.datePicker?.viewTransitionDuration ?? theme.motion.duration.normal ?? 200;
-    (0, _index.setNativeValue)(viewFade, 0);
-    (0, _index.setNativeValue)(viewScale, 0.9);
-    _reactNative.Animated.parallel([_reactNative.Animated.timing(viewFade, {
-      toValue: 1,
-      duration: dur,
-      easing: _reactNative.Easing.out(_reactNative.Easing.cubic),
-      useNativeDriver: true
-    }), _reactNative.Animated.timing(viewScale, {
-      toValue: 1,
-      duration: dur,
-      easing: _reactNative.Easing.out(_reactNative.Easing.cubic),
-      useNativeDriver: true
-    })]).start();
-  }, [viewFade, viewScale, theme.components.datePicker, theme.motion.duration.normal]);
-  const cycleViewMode = (0, _react.useCallback)(() => {
-    const h = (0, _index2.resolveHaptic)(haptic, 'selection');
-    if (h) {
-      (0, _index2.triggerHaptic)(h);
-    }
-    const pressDur = theme.components.datePicker?.headerPressDuration ?? 80;
-    const releaseDur = theme.components.datePicker?.headerReleaseDuration ?? 100;
-    _reactNative.Animated.sequence([_reactNative.Animated.timing(headerScale, {
-      toValue: 0.96,
-      duration: pressDur,
-      useNativeDriver: true
-    }), _reactNative.Animated.timing(headerScale, {
-      toValue: 1,
-      duration: releaseDur,
-      useNativeDriver: true
-    })]).start();
-    setViewMode(prev => {
-      if (prev === 'days') {
-        return 'years';
-      }
-      if (prev === 'years') {
-        return 'decades';
-      }
-      return 'years';
-    });
-    animateViewTransition();
-  }, [animateViewTransition, headerScale, haptic, theme.components.datePicker]);
-  const pickYear = (0, _react.useCallback)(year => {
-    const h = (0, _index2.resolveHaptic)(haptic, 'selection');
-    if (h) {
-      (0, _index2.triggerHaptic)(h);
-    }
-    setAnchor(prev => new Date(year, prev.getMonth(), 1));
-    setViewMode('days');
-    animateViewTransition();
-  }, [animateViewTransition, haptic]);
-  const pickDecade = (0, _react.useCallback)(decadeStart => {
-    const h = (0, _index2.resolveHaptic)(haptic, 'selection');
-    if (h) {
-      (0, _index2.triggerHaptic)(h);
-    }
-    // Anchor mid-decade so the year grid centers nicely on this decade.
-    setAnchor(prev => new Date(decadeStart + 4, prev.getMonth(), 1));
-    setViewMode('years');
-    animateViewTransition();
-  }, [animateViewTransition, haptic]);
-  const pressDay = (0, _react.useCallback)(cell => {
-    if (isDisabled(cell.date)) {
-      return;
-    }
-    const h = (0, _index2.resolveHaptic)(haptic, 'selection');
-    if (h) {
-      (0, _index2.triggerHaptic)(h);
-    }
-    setPendingDate(cell.date);
-    if (!cell.inMonth) {
-      setAnchor(new Date(cell.date.getFullYear(), cell.date.getMonth(), 1));
-    }
-    (0, _index.setNativeValue)(selectScale, 0.7);
-    _reactNative.Animated.spring(selectScale, {
-      toValue: 1,
-      damping: theme.motion.spring.bouncy.damping,
-      stiffness: theme.motion.spring.bouncy.stiffness,
-      mass: theme.motion.spring.bouncy.mass,
-      useNativeDriver: true
-    }).start();
-  }, [isDisabled, selectScale, theme.motion.spring.bouncy, haptic]);
-  const finalizeClose = (0, _react.useCallback)(() => {
-    if (isControlled) {
-      onClose?.();
-    } else {
-      setInternalOpen(false);
-      onClose?.();
-    }
-  }, [isControlled, onClose]);
-  const handleClose = (0, _react.useCallback)(() => {
-    if (mode !== 'modal') {
-      finalizeClose();
-      return;
-    }
-    _reactNative.Animated.parallel([_reactNative.Animated.timing(backdrop, {
-      toValue: 0,
-      duration: theme.motion.duration.fast,
-      easing: _reactNative.Easing.bezier(...theme.motion.easing.accelerate),
-      useNativeDriver: false
-    }), _reactNative.Animated.timing(sheet, {
-      toValue: 0,
-      duration: theme.motion.duration.fast,
-      easing: _reactNative.Easing.bezier(...theme.motion.easing.accelerate),
-      useNativeDriver: true
-    })]).start(() => {
-      finalizeClose();
-    });
-  }, [backdrop, mode, finalizeClose, sheet, theme.motion.duration.fast, theme.motion.easing.accelerate]);
-
-  // Drag the sheet down to dismiss from its handle / title row only: a pull
-  // on the calendar itself never closes it (the same as BottomSheet).
-  const {
-    handleGesture
-  } = (0, _useDragToDismiss.useDragToDismiss)({
-    drag,
-    travel: () => sheetHeight.current || 320,
-    onDismiss: handleClose
-  });
-  const handleCancel = (0, _react.useCallback)(() => {
-    if (haptic !== false) {
-      (0, _index2.triggerHaptic)('selection');
-    }
-    handleClose();
-  }, [handleClose, haptic]);
-  const handleConfirm = (0, _react.useCallback)(() => {
-    if (!pendingDate) {
-      return;
-    }
-    if (haptic !== false) {
-      (0, _index2.triggerHaptic)('notificationSuccess');
-    }
-    onChange?.(pendingDate);
-    handleClose();
-  }, [handleClose, onChange, pendingDate, haptic]);
-  const sheetTranslate = sheet.interpolate({
-    inputRange: [0, 1],
-    outputRange: [320, 0]
-  });
-  const titleRow = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: styles.titleRow,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.title,
-      accessibilityRole: "header",
-      children: title
-    })
-  });
-  const calendar = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: [styles.card, style, containerStyle],
-    accessibilityRole: mode === 'modal' ? undefined : 'none',
-    accessible: false,
-    testID: calendarTestID,
-    children: [mode === 'modal' ?
-    /*#__PURE__*/
-    // The calendar's day cells take taps, so only this top row drags the sheet.
-    (0, _jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector, {
-      gesture: handleGesture,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.grabArea,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: styles.handle
-        }), titleRow]
-      })
-    }) : titleRow, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.headerRow,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-        onPress: goPrev,
-        style: ({
-          pressed
-        }) => [styles.navBtn, pressed && styles.navBtnPressed, navButtonStyle],
-        accessibilityRole: "button",
-        accessibilityLabel: viewMode === 'days' ? 'Previous month' : viewMode === 'years' ? 'Previous years' : 'Previous decades',
-        hitSlop: 8,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.navText,
-          children: '‹'
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-        onPress: cycleViewMode,
-        style: [styles.headerLabelWrap, headerLabelStyle],
-        accessibilityRole: "button",
-        accessibilityLabel: viewMode === 'days' ? `${headerLabel}, switch to year selection` : viewMode === 'years' ? `${headerLabel}, switch to decade selection` : `${headerLabel}, switch to year selection`,
-        hitSlop: 8,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Animated.View, {
-          style: [styles.headerLabelInner, {
-            transform: [{
-              scale: headerScale
-            }],
-            opacity: viewMode === 'days' ? monthFade : 1
-          }],
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.Text, {
-            style: [styles.headerLabel,
-            // Always include the transform — passing null/undefined as a
-            // transform value confuses Animated's processTransform on Fabric.
-            // When the month slide isn't active we still drive translateX
-            // through the same value, just with target 0.
-            {
-              transform: [{
-                translateX: viewMode === 'days' ? monthSlide : 0
-              }]
-            }],
-            accessibilityLiveRegion: "polite",
-            children: headerLabel
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-            style: styles.headerCaret,
-            children: (theme.icons?.chevronDown ?? _defaultIcons.defaultIcons.chevronDown)({
-              size: theme.typography.fontSize.sm,
-              color: theme.colors.text.secondary
-            })
-          })]
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-        onPress: goNext,
-        style: ({
-          pressed
-        }) => [styles.navBtn, pressed && styles.navBtnPressed, navButtonStyle],
-        accessibilityRole: "button",
-        accessibilityLabel: viewMode === 'days' ? 'Next month' : viewMode === 'years' ? 'Next years' : 'Next decades',
-        hitSlop: 8,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.navText,
-          children: '›'
-        })
-      })]
-    }), viewMode === 'days' ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.weekdayRow,
-        children: weekdays.map((wd, idx) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: styles.weekdayCell,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.weekdayText,
-            children: wd
-          })
-        }, `${wd}-${idx}`))
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
-        style: [styles.grid, {
-          opacity: monthFade,
-          transform: [{
-            translateX: monthSlide
-          }]
-        }],
-        children: Array.from({
-          length: 6
-        }).map((_, row) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: styles.gridRow,
-          children: cells.slice(row * 7, row * 7 + 7).map(cell => {
-            const disabled = isDisabled(cell.date);
-            const selected = pendingDate ? isSameDay(cell.date, pendingDate) : false;
-            const todayCell = isSameDay(cell.date, today);
-            const cellBg = selected ? theme.colors.primary : todayCell ? 'transparent' : 'transparent';
-            const borderColor = todayCell && !selected ? theme.colors.primary : 'transparent';
-            const textColor = selected ? theme.colors.text.inverse : !cell.inMonth ? theme.colors.text.tertiary : disabled ? theme.colors.text.disabled : theme.colors.text.primary;
-            const opacity = disabled ? 0.3 : !cell.inMonth ? 0.4 : 1;
-            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-              disabled: disabled,
-              onPress: () => pressDay(cell),
-              accessibilityRole: "button",
-              accessibilityLabel: formatLongDate(cell.date, locale),
-              accessibilityState: {
-                selected,
-                disabled
-              },
-              style: styles.dayCell,
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
-                style: [styles.dayInner, {
-                  backgroundColor: cellBg,
-                  borderColor,
-                  borderWidth: todayCell && !selected ? 1.5 : 0,
-                  opacity
-                }, selected ? {
-                  transform: [{
-                    scale: selectScale
-                  }]
-                } : null],
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                  style: [styles.dayText, {
-                    color: textColor
-                  }],
-                  children: cell.date.getDate()
-                })
-              })
-            }, cell.iso);
-          })
-        }, `r-${row}`))
-      })]
-    }) : viewMode === 'years' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
-      style: [styles.yearGrid, {
-        opacity: viewFade,
-        transform: [{
-          scale: viewScale
-        }]
-      }],
-      children: Array.from({
-        length: 3
-      }).map((_, row) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.gridRow,
-        children: yearCells.slice(row * 4, row * 4 + 4).map(year => {
-          const disabled = isYearDisabled(year);
-          const selected = pendingDate ? pendingDate.getFullYear() === year : false;
-          const isToday = today.getFullYear() === year;
-          const cellBg = selected ? theme.colors.primary : 'transparent';
-          const borderColor = isToday && !selected ? theme.colors.primary : 'transparent';
-          const textColor = selected ? theme.colors.text.inverse : disabled ? theme.colors.text.disabled : theme.colors.text.primary;
-          const opacity = disabled ? 0.3 : 1;
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-            disabled: disabled,
-            onPress: () => pickYear(year),
-            accessibilityRole: "button",
-            accessibilityLabel: `Year ${year}`,
-            accessibilityState: {
-              selected,
-              disabled
-            },
-            style: styles.yearCell,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-              style: [styles.yearInner, {
-                backgroundColor: cellBg,
-                borderColor,
-                borderWidth: isToday && !selected ? 1.5 : 0,
-                opacity
-              }],
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                style: [styles.yearText, {
-                  color: textColor
-                }],
-                children: year
-              })
-            })
-          }, `year-${year}`);
-        })
-      }, `yr-${row}`))
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
-      style: [styles.yearGrid, {
-        opacity: viewFade,
-        transform: [{
-          scale: viewScale
-        }]
-      }],
-      children: Array.from({
-        length: 3
-      }).map((_, row) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.gridRow,
-        children: decadeCells.slice(row * 4, row * 4 + 4).map(decadeStart => {
-          const decadeEnd = decadeStart + DECADE_SPAN - 1;
-          const disabled = isDecadeDisabled(decadeStart);
-          const selected = pendingDate ? decadeStartFor(pendingDate.getFullYear()) === decadeStart : false;
-          const isCurrent = decadeStartFor(today.getFullYear()) === decadeStart;
-          const cellBg = selected ? theme.colors.primary : 'transparent';
-          const borderColor = isCurrent && !selected ? theme.colors.primary : 'transparent';
-          const textColor = selected ? theme.colors.text.inverse : disabled ? theme.colors.text.disabled : theme.colors.text.primary;
-          const opacity = disabled ? 0.3 : 1;
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-            disabled: disabled,
-            onPress: () => pickDecade(decadeStart),
-            accessibilityRole: "button",
-            accessibilityLabel: `Decade ${decadeStart} to ${decadeEnd}`,
-            accessibilityState: {
-              selected,
-              disabled
-            },
-            style: styles.yearCell,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-              style: [styles.yearInner, {
-                backgroundColor: cellBg,
-                borderColor,
-                borderWidth: isCurrent && !selected ? 1.5 : 0,
-                opacity
-              }],
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                style: [styles.yearText, {
-                  color: textColor
-                }],
-                children: `${decadeStart}s`
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                style: [styles.decadeRangeText, {
-                  color: selected ? theme.colors.text.inverse : theme.colors.text.tertiary
-                }],
-                children: `${decadeStart}-${decadeEnd}`
-              })]
-            })
-          }, `decade-${decadeStart}`);
-        })
-      }, `dec-${row}`))
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.footer,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-        onPress: handleCancel,
-        style: ({
-          pressed
-        }) => [styles.footerBtn, styles.footerCancel, pressed && styles.footerBtnPressed, footerButtonStyle],
-        accessibilityRole: "button",
-        accessibilityLabel: cancelLabel,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.footerBtnText, {
-            color: theme.colors.text.secondary
-          }],
-          children: cancelLabel
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-        onPress: handleConfirm,
-        disabled: !pendingDate,
-        style: ({
-          pressed
-        }) => [styles.footerBtn, styles.footerConfirm, {
-          backgroundColor: theme.colors.primary,
-          opacity: !pendingDate ? 0.5 : 1
-        }, pressed && {
-          backgroundColor: theme.colors.primaryHover
-        }, footerButtonStyle],
-        accessibilityRole: "button",
-        accessibilityLabel: confirmLabel,
-        accessibilityState: {
-          disabled: !pendingDate
-        },
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.footerBtnText, {
-            color: theme.colors.text.inverse
-          }],
-          children: confirmLabel
-        })
-      })]
-    })]
-  });
-  const formatTriggerValue = formatValue ?? (d => d.toLocaleDateString());
-  const triggerValueText = value ? formatTriggerValue(value) : undefined;
-  const showTrigger = !isControlled;
-  if (mode === 'inline') {
-    if (!open && !showTrigger) {
-      return null;
-    }
-    if (showTrigger) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.PickerTrigger, {
-          label: label,
-          value: triggerValueText,
-          placeholder: placeholder,
-          helperText: helperText,
-          error: error,
-          required: required,
-          disabled: disabled,
-          size: size,
-          variant: variant,
-          clearable: clearable,
-          onClear: onClear,
-          onPress: () => setInternalOpen(true),
-          triggerStyle: triggerStyle,
-          testID: testID
-        }), open ? calendar : null]
-      });
-    }
-    return calendar;
-  }
-  const modalNode = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
-    visible: open,
-    transparent: true,
-    statusBarTranslucent: true,
-    navigationBarTranslucent: true,
-    animationType: "none",
-    onRequestClose: handleClose,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeGestureHandler.GestureHandlerRootView
-    // Backdrop wraps the sheet (not sibling) — on Fabric a sibling
-    // backdrop is occluded by the sheet wrapper regardless of order.
-    // collapsable={false} prevents flattening; plain View + pre-baked
-    // rgba colour avoids the Fabric animated-opacity-on-coloured-View bug.
-    // Gesture handler needs its own root inside a native Modal, so the
-    // backdrop doubles as that root.
-    , {
-      collapsable: false,
-      style: [styles.backdrop, {
-        backgroundColor: theme.colors.background.overlay
-      }],
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-        style: _reactNative.StyleSheet.absoluteFill,
-        onPress: handleClose,
-        accessibilityLabel: "Dismiss"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
-        style: [styles.sheetWrap, {
-          // Push the sheet up by the system nav-bar inset so its content
-          // never lands behind Android gesture/3-button chrome.
-          paddingBottom: Math.max(insets.bottom, theme.spacing.lg),
-          opacity: sheet,
-          transform: [{
-            translateY: _reactNative.Animated.add(sheetTranslate, drag)
-          }]
-        }],
-        onLayout: e => {
-          sheetHeight.current = e.nativeEvent.layout.height;
-        },
-        accessibilityViewIsModal: true,
-        accessibilityRole: "none",
-        children: calendar
-      })]
-    })
-  });
-  if (showTrigger) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.PickerTrigger, {
-        label: label,
-        value: triggerValueText,
-        placeholder: placeholder,
-        helperText: helperText,
-        error: error,
-        required: required,
-        disabled: disabled,
-        size: size,
-        variant: variant,
-        clearable: clearable,
-        onClear: onClear,
-        onPress: () => setInternalOpen(true),
-        triggerStyle: triggerStyle,
-        testID: testID
-      }), modalNode]
-    });
-  }
-  return modalNode;
-};
-exports.DatePicker = DatePicker;
-const buildStyles = theme => {
-  const cardShadow = theme.shadows.lg;
-  return _reactNative.StyleSheet.create({
-    backdrop: {
-      ..._reactNative.StyleSheet.absoluteFill
-    },
-    sheetWrap: {
-      position: 'absolute',
-      left: 0,
-      right: 0,
-      bottom: 0,
-      paddingHorizontal: theme.spacing.md,
-      paddingBottom: theme.spacing.lg
-    },
-    card: {
-      backgroundColor: theme.colors.background.elevated,
-      borderRadius: theme.radius.xl,
-      ..._corners.smoothCorners,
-      padding: theme.spacing.lg,
-      shadowColor: cardShadow.shadowColor,
-      shadowOffset: cardShadow.shadowOffset,
-      shadowOpacity: cardShadow.shadowOpacity,
-      shadowRadius: cardShadow.shadowRadius,
-      elevation: cardShadow.elevation
-    },
-    // Reaches up into the card's top padding so the grab target is taller
-    // than the 4 px pill.
-    grabArea: {
-      marginTop: -theme.spacing.lg,
-      paddingTop: theme.spacing.sm
-    },
-    handle: {
-      alignSelf: 'center',
-      width: 36,
-      height: 4,
-      borderRadius: theme.radius.full,
-      ..._corners.smoothCorners,
-      backgroundColor: theme.colors.border.secondary,
-      marginBottom: theme.spacing.sm
-    },
-    titleRow: {
-      marginBottom: theme.spacing.sm
-    },
-    title: {
-      fontSize: theme.typography.fontSize.lg,
-      fontWeight: theme.typography.fontWeight.semibold,
-      color: theme.colors.text.primary
-    },
-    headerRow: {
-      flexDirection: 'row',
-      alignItems: 'center',
-      justifyContent: 'space-between',
-      marginBottom: theme.spacing.md
-    },
-    navBtn: {
-      width: theme.components.datePicker?.navButtonSize ?? 36,
-      height: theme.components.datePicker?.navButtonSize ?? 36,
-      borderRadius: theme.radius.full,
-      ..._corners.smoothCorners,
-      alignItems: 'center',
-      justifyContent: 'center',
-      backgroundColor: theme.colors.background.secondary
-    },
-    navBtnPressed: {
-      backgroundColor: theme.colors.surface.pressed
-    },
-    navText: {
-      fontSize: theme.components.datePicker?.navTextFontSize ?? 22,
-      lineHeight: theme.components.datePicker?.navTextLineHeight ?? 24,
-      color: theme.colors.text.primary,
-      fontWeight: theme.typography.fontWeight.semibold
-    },
-    headerLabelWrap: {
-      flex: 1,
-      alignItems: 'center'
-    },
-    headerLabelInner: {
-      flexDirection: 'row',
-      alignItems: 'center',
-      justifyContent: 'center'
-    },
-    headerLabel: {
-      fontSize: theme.typography.fontSize.base,
-      fontWeight: theme.typography.fontWeight.semibold,
-      color: theme.colors.text.primary
-    },
-    // The month/year dropdown indicator beside the header label: the icon
-    // set's line chevron, sized to the header's small type.
-    headerCaret: {
-      marginLeft: theme.spacing.xs,
-      alignItems: 'center',
-      justifyContent: 'center'
-    },
-    weekdayRow: {
-      flexDirection: 'row',
-      marginBottom: theme.spacing.xs
-    },
-    weekdayCell: {
-      flex: 1,
-      alignItems: 'center',
-      paddingVertical: theme.spacing.xs
-    },
-    weekdayText: {
-      fontSize: theme.typography.fontSize.xs,
-      fontWeight: theme.typography.fontWeight.medium,
-      color: theme.colors.text.tertiary,
-      letterSpacing: theme.typography.letterSpacing.wide
-    },
-    grid: {
-      // Animated container; rows are children.
-    },
-    gridRow: {
-      flexDirection: 'row'
-    },
-    dayCell: {
-      flex: 1,
-      aspectRatio: 1,
-      alignItems: 'center',
-      justifyContent: 'center',
-      padding: theme.components.datePicker?.dayCellPadding ?? 2
-    },
-    dayInner: {
-      width: '100%',
-      height: '100%',
-      borderRadius: theme.components.datePicker?.dayInnerBorderRadius ?? theme.radius.full,
-      ..._corners.smoothCorners,
-      alignItems: 'center',
-      justifyContent: 'center'
-    },
-    dayText: {
-      fontSize: theme.typography.fontSize.sm,
-      fontWeight: theme.typography.fontWeight.medium
-    },
-    yearGrid: {
-      // Animated container; rows are children.
-    },
-    yearCell: {
-      flex: 1,
-      aspectRatio: 1.6,
-      alignItems: 'center',
-      justifyContent: 'center',
-      padding: theme.components.datePicker?.yearCellPadding ?? 4
-    },
-    yearInner: {
-      width: '100%',
-      height: '100%',
-      borderRadius: theme.components.datePicker?.yearInnerBorderRadius ?? theme.radius.lg,
-      ..._corners.smoothCorners,
-      alignItems: 'center',
-      justifyContent: 'center'
-    },
-    yearText: {
-      fontSize: theme.typography.fontSize.base,
-      fontWeight: theme.typography.fontWeight.semibold
-    },
-    decadeRangeText: {
-      fontSize: theme.typography.fontSize.xs,
-      fontWeight: theme.typography.fontWeight.medium,
-      marginTop: theme.components.datePicker?.decadeRangeMarginTop ?? 2
-    },
-    footer: {
-      flexDirection: 'row',
-      justifyContent: 'flex-end',
-      alignItems: 'center',
-      marginTop: theme.spacing.lg,
-      gap: theme.spacing.sm
-    },
-    footerBtn: {
-      paddingHorizontal: theme.spacing.lg,
-      paddingVertical: theme.spacing.sm,
-      borderRadius: theme.radius.md,
-      ..._corners.smoothCorners,
-      minHeight: theme.components.datePicker?.footerButtonMinHeight ?? 40,
-      alignItems: 'center',
-      justifyContent: 'center'
-    },
-    footerCancel: {
-      backgroundColor: 'transparent'
-    },
-    footerConfirm: {
-      // backgroundColor set inline from theme.
-    },
-    footerBtnPressed: {
-      opacity: 0.85
-    },
-    footerBtnText: {
-      fontSize: theme.typography.fontSize.sm,
-      fontWeight: theme.typography.fontWeight.semibold
-    }
-  });
-};
-var _default = exports.default = DatePicker;
-//# sourceMappingURL=DatePicker.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.DatePicker=void 0;var _react=_interopRequireWildcard(require("react")),_reactNative=require("react-native"),_reactNativeGestureHandler=require("react-native-gesture-handler"),_reactNativeSafeAreaContext=require("react-native-safe-area-context"),_useDragToDismiss=require("../../hooks/useDragToDismiss.js"),_index=require("../../theme/index.js"),_index2=require("../../utils/index.js"),_corners=require("../../utils/corners.js"),_defaultIcons=require("../AppIcon/defaultIcons.js"),_index3=require("../PickerTrigger/index.js"),_ToastProvider=require("../Toast/ToastProvider.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var a=new WeakMap,r=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var i,n,s={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return s;if(i=t?r:a){if(i.has(e))return i.get(e);i.set(e,s)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((n=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(n.get||n.set)?i(s,t,n):s[t]=e[t]);return s})(e,t)}const GRID_SIZE=12,DECADE_SPAN=10,startOfDay=e=>new Date(e.getFullYear(),e.getMonth(),e.getDate()),isSameDay=(e,t)=>e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate(),toIso=e=>`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,"0")}-${String(e.getDate()).padStart(2,"0")}`,addMonths=(e,t)=>new Date(e.getFullYear(),e.getMonth()+t,1),buildMonthMatrix=(e,t)=>{const a=e.getFullYear(),r=e.getMonth(),i=(new Date(a,r,1).getDay()-t+7)%7,n=[];for(let e=0;e<42;e+=1){const t=new Date(a,r,1-i+e);n.push({date:t,inMonth:t.getMonth()===r,iso:toIso(t)})}return n},weekdayLabels=(e,t)=>{const a=new Intl.DateTimeFormat(e,{weekday:"short"}),r=[];for(let e=0;e<7;e+=1){const i=new Date(1970,0,4+(t+e)%7);r.push(a.format(i))}return r},formatMonthYear=(e,t)=>new Intl.DateTimeFormat(t,{month:"long",year:"numeric"}).format(e),formatLongDate=(e,t)=>new Intl.DateTimeFormat(t,{weekday:"long",year:"numeric",month:"long",day:"numeric"}).format(e),decadeStartFor=e=>10*Math.floor(e/10),buildYearCells=e=>{const t=e-4;return Array.from({length:12},(e,a)=>t+a)},buildDecadeCells=e=>{const t=decadeStartFor(e)-40;return Array.from({length:12},(e,a)=>t+10*a)},DatePicker=e=>{const{value:t,onChange:a,onClose:r,minDate:i,maxDate:n,disabledDates:s,mode:o="modal",locale:l="en-IN",weekStartsOn:c=0,title:d="Select Date",confirmLabel:u="Confirm",cancelLabel:m="Cancel",style:g,containerStyle:y,headerLabelStyle:_,navButtonStyle:p,footerButtonStyle:x,haptic:h,testID:f,label:v,placeholder:b,helperText:j,error:N,required:R,disabled:D,size:w,variant:C,clearable:k,onClear:S,formatValue:P,triggerStyle:T}=e,V=void 0!==e.visible,[A,M]=(0,_react.useState)(!1),I=V?e.visible:A,F=V?f:f?`${f}-calendar`:void 0,L=(0,_index.useTheme)(),B=(0,_reactNativeSafeAreaContext.useSafeAreaInsets)(),W=(0,_react.useMemo)(()=>buildStyles(L),[L]),[Y,z]=(0,_react.useState)(()=>startOfDay(new Date));(0,_react.useEffect)(()=>{I&&z(startOfDay(new Date))},[I]);const H=t?startOfDay(t):Y,[$,q]=(0,_react.useState)(H),[E,O]=(0,_react.useState)(t?startOfDay(t):null),[G,X]=(0,_react.useState)("days"),Z=(0,_react.useRef)((0,_index.createAnimatedValue)(0)).current,J=(0,_react.useRef)((0,_index.createAnimatedValue)(0)).current,K=(0,_react.useRef)((0,_index.createAnimatedValue)(0)).current,Q=(0,_react.useRef)(0),U=(0,_react.useRef)((0,_index.createAnimatedValue)(0)).current,ee=(0,_react.useRef)((0,_index.createAnimatedValue)(1)).current,te=(0,_react.useRef)((0,_index.createAnimatedValue)(1)).current,ae=(0,_react.useRef)((0,_index.createAnimatedValue)(1)).current,re=(0,_react.useRef)((0,_index.createAnimatedValue)(1)).current,ie=(0,_react.useRef)((0,_index.createAnimatedValue)(1)).current;(0,_react.useEffect)(()=>{if(t){const e=startOfDay(t);O(e),q(e)}else O(null)},[t]),(0,_react.useEffect)(()=>{if("modal"===o&&I){Z.setValue(0),(0,_index.setNativeValue)(J,0),(0,_index.setNativeValue)(K,0);const e=_reactNative.Animated.parallel([_reactNative.Animated.timing(Z,{toValue:1,duration:L.motion.duration.normal,easing:_reactNative.Easing.out(_reactNative.Easing.cubic),useNativeDriver:!1}),_reactNative.Animated.spring(J,{toValue:1,damping:L.motion.spring.gentle.damping,stiffness:L.motion.spring.gentle.stiffness,mass:L.motion.spring.gentle.mass,useNativeDriver:!0})]);return e.start(),()=>e.stop()}},[I,o,Z,J,K,L.motion]);const ne=(0,_react.useMemo)(()=>{const e=new Set;return s?.forEach(t=>e.add(toIso(startOfDay(t)))),e},[s]),se=(0,_react.useMemo)(()=>i?startOfDay(i):null,[i]),oe=(0,_react.useMemo)(()=>n?startOfDay(n):null,[n]),le=(0,_react.useCallback)(e=>!!(se&&e.getTime()<se.getTime())||(!!(oe&&e.getTime()>oe.getTime())||!!ne.has(toIso(e))),[se,oe,ne]),ce=(0,_react.useMemo)(()=>buildMonthMatrix($,c),[$,c]),de=(0,_react.useMemo)(()=>buildYearCells($.getFullYear()),[$]),ue=(0,_react.useMemo)(()=>buildDecadeCells($.getFullYear()),[$]),me=(0,_react.useMemo)(()=>weekdayLabels(l,c),[l,c]),ge=(0,_react.useMemo)(()=>{if("days"===G)return formatMonthYear($,l);if("years"===G){return`${de[0]} - ${de[de.length-1]}`}return`${ue[0]} - ${ue[ue.length-1]+9}`},[$,ue,l,G,de]),ye=(0,_react.useCallback)(e=>!!(se&&e<se.getFullYear())||!!(oe&&e>oe.getFullYear()),[se,oe]),_e=(0,_react.useCallback)(e=>!!(se&&e+10-1<se.getFullYear())||!!(oe&&e>oe.getFullYear()),[se,oe]),pe=(0,_react.useCallback)(e=>{!1!==h&&(0,_index2.triggerHaptic)("impactLight");const t=e>0?1:-1,a=L.components.datePicker?.monthSlideDistance??32,r=L.components.datePicker?.monthSlideOutDuration??L.motion.duration.fast??140,i=L.components.datePicker?.monthSlideInDuration??L.motion.duration.fast??160;_reactNative.Animated.sequence([_reactNative.Animated.parallel([_reactNative.Animated.timing(U,{toValue:-t*a,duration:r,easing:_reactNative.Easing.out(_reactNative.Easing.quad),useNativeDriver:!0}),_reactNative.Animated.timing(ee,{toValue:0,duration:r,useNativeDriver:!0})]),_reactNative.Animated.timing(U,{toValue:t*a,duration:0,useNativeDriver:!0}),_reactNative.Animated.parallel([_reactNative.Animated.timing(U,{toValue:0,duration:i,easing:_reactNative.Easing.out(_reactNative.Easing.cubic),useNativeDriver:!0}),_reactNative.Animated.timing(ee,{toValue:1,duration:i,useNativeDriver:!0})])]).start();const n=addMonths($,e);q(n),_reactNative.AccessibilityInfo.announceForAccessibility(formatMonthYear(n,l))},[$,h,l,ee,U,L.components.datePicker,L.motion.duration.fast]),xe=(0,_react.useCallback)(()=>{"days"!==G?(!1!==h&&(0,_index2.triggerHaptic)("impactLight"),q("years"===G?e=>new Date(e.getFullYear()-12,e.getMonth(),1):e=>new Date(e.getFullYear()-120,e.getMonth(),1))):pe(-1)},[pe,G,h]),he=(0,_react.useCallback)(()=>{"days"!==G?(!1!==h&&(0,_index2.triggerHaptic)("impactLight"),q("years"===G?e=>new Date(e.getFullYear()+12,e.getMonth(),1):e=>new Date(e.getFullYear()+120,e.getMonth(),1))):pe(1)},[pe,G,h]),fe=(0,_react.useCallback)(()=>{const e=L.components.datePicker?.viewTransitionDuration??L.motion.duration.normal??200;(0,_index.setNativeValue)(ae,0),(0,_index.setNativeValue)(re,.9),_reactNative.Animated.parallel([_reactNative.Animated.timing(ae,{toValue:1,duration:e,easing:_reactNative.Easing.out(_reactNative.Easing.cubic),useNativeDriver:!0}),_reactNative.Animated.timing(re,{toValue:1,duration:e,easing:_reactNative.Easing.out(_reactNative.Easing.cubic),useNativeDriver:!0})]).start()},[ae,re,L.components.datePicker,L.motion.duration.normal]),ve=(0,_react.useCallback)(()=>{const e=(0,_index2.resolveHaptic)(h,"selection");e&&(0,_index2.triggerHaptic)(e);const t=L.components.datePicker?.headerPressDuration??80,a=L.components.datePicker?.headerReleaseDuration??100;_reactNative.Animated.sequence([_reactNative.Animated.timing(ie,{toValue:.96,duration:t,useNativeDriver:!0}),_reactNative.Animated.timing(ie,{toValue:1,duration:a,useNativeDriver:!0})]).start(),X(e=>"days"===e?"years":"years"===e?"decades":"years"),fe()},[fe,ie,h,L.components.datePicker]),be=(0,_react.useCallback)(e=>{const t=(0,_index2.resolveHaptic)(h,"selection");t&&(0,_index2.triggerHaptic)(t),q(t=>new Date(e,t.getMonth(),1)),X("days"),fe()},[fe,h]),je=(0,_react.useCallback)(e=>{const t=(0,_index2.resolveHaptic)(h,"selection");t&&(0,_index2.triggerHaptic)(t),q(t=>new Date(e+4,t.getMonth(),1)),X("years"),fe()},[fe,h]),Ne=(0,_react.useCallback)(e=>{if(le(e.date))return;const t=(0,_index2.resolveHaptic)(h,"selection");t&&(0,_index2.triggerHaptic)(t),O(e.date),e.inMonth||q(new Date(e.date.getFullYear(),e.date.getMonth(),1)),(0,_index.setNativeValue)(te,.7),_reactNative.Animated.spring(te,{toValue:1,damping:L.motion.spring.bouncy.damping,stiffness:L.motion.spring.bouncy.stiffness,mass:L.motion.spring.bouncy.mass,useNativeDriver:!0}).start()},[le,te,L.motion.spring.bouncy,h]),Re=(0,_react.useCallback)(()=>{V||M(!1),r?.()},[V,r]),De=(0,_react.useCallback)(()=>{"modal"===o?_reactNative.Animated.parallel([_reactNative.Animated.timing(Z,{toValue:0,duration:L.motion.duration.fast,easing:_reactNative.Easing.bezier(...L.motion.easing.accelerate),useNativeDriver:!1}),_reactNative.Animated.timing(J,{toValue:0,duration:L.motion.duration.fast,easing:_reactNative.Easing.bezier(...L.motion.easing.accelerate),useNativeDriver:!0})]).start(()=>{Re()}):Re()},[Z,o,Re,J,L.motion.duration.fast,L.motion.easing.accelerate]),{handleGesture:we}=(0,_useDragToDismiss.useDragToDismiss)({drag:K,travel:()=>Q.current||320,onDismiss:De}),Ce=(0,_react.useCallback)(()=>{!1!==h&&(0,_index2.triggerHaptic)("selection"),De()},[De,h]),ke=(0,_react.useCallback)(()=>{E&&(!1!==h&&(0,_index2.triggerHaptic)("notificationSuccess"),a?.(E),De())},[De,a,E,h]),Se=J.interpolate({inputRange:[0,1],outputRange:[320,0]}),Pe=(0,_jsxRuntime.jsx)(_reactNative.View,{style:W.titleRow,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:W.title,accessibilityRole:"header",children:d})}),Te=(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[W.card,g,y],accessibilityRole:"modal"===o?void 0:"none",accessible:!1,testID:F,children:["modal"===o?(0,_jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector,{gesture:we,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:W.grabArea,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:W.handle}),Pe]})}):Pe,(0,_jsxRuntime.jsxs)(_reactNative.View,{style:W.headerRow,children:[(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:xe,style:({pressed:e})=>[W.navBtn,e&&W.navBtnPressed,p],accessibilityRole:"button",accessibilityLabel:"days"===G?"Previous month":"years"===G?"Previous years":"Previous decades",hitSlop:8,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:W.navText,children:"‹"})}),(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:ve,style:[W.headerLabelWrap,_],accessibilityRole:"button",accessibilityLabel:"days"===G?`${ge}, switch to year selection`:"years"===G?`${ge}, switch to decade selection`:`${ge}, switch to year selection`,hitSlop:8,children:(0,_jsxRuntime.jsxs)(_reactNative.Animated.View,{style:[W.headerLabelInner,{transform:[{scale:ie}],opacity:"days"===G?ee:1}],children:[(0,_jsxRuntime.jsx)(_reactNative.Animated.Text,{style:[W.headerLabel,{transform:[{translateX:"days"===G?U:0}]}],accessibilityLiveRegion:"polite",children:ge}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:W.headerCaret,children:(L.icons?.chevronDown??_defaultIcons.defaultIcons.chevronDown)({size:L.typography.fontSize.sm,color:L.colors.text.secondary})})]})}),(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:he,style:({pressed:e})=>[W.navBtn,e&&W.navBtnPressed,p],accessibilityRole:"button",accessibilityLabel:"days"===G?"Next month":"years"===G?"Next years":"Next decades",hitSlop:8,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:W.navText,children:"›"})})]}),"days"===G?(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:W.weekdayRow,children:me.map((e,t)=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:W.weekdayCell,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:W.weekdayText,children:e})},`${e}-${t}`))}),(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[W.grid,{opacity:ee,transform:[{translateX:U}]}],children:Array.from({length:6}).map((e,t)=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:W.gridRow,children:ce.slice(7*t,7*t+7).map(e=>{const t=le(e.date),a=!!E&&isSameDay(e.date,E),r=isSameDay(e.date,Y),i=a?L.colors.primary:"transparent",n=r&&!a?L.colors.primary:"transparent",s=a?L.colors.onPrimary:e.inMonth?t?L.colors.text.disabled:L.colors.text.primary:L.colors.text.tertiary,o=t?.3:e.inMonth?1:.4;return(0,_jsxRuntime.jsx)(_reactNative.Pressable,{disabled:t,onPress:()=>Ne(e),accessibilityRole:"button",accessibilityLabel:formatLongDate(e.date,l),accessibilityState:{selected:a,disabled:t},style:W.dayCell,children:(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[W.dayInner,{backgroundColor:i,borderColor:n,borderWidth:r&&!a?1.5:0,opacity:o},a?{transform:[{scale:te}]}:null],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[W.dayText,{color:s}],children:e.date.getDate()})})},e.iso)})},`r-${t}`))})]}):"years"===G?(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[W.yearGrid,{opacity:ae,transform:[{scale:re}]}],children:Array.from({length:3}).map((e,t)=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:W.gridRow,children:de.slice(4*t,4*t+4).map(e=>{const t=ye(e),a=!!E&&E.getFullYear()===e,r=Y.getFullYear()===e,i=a?L.colors.primary:"transparent",n=r&&!a?L.colors.primary:"transparent",s=a?L.colors.onPrimary:t?L.colors.text.disabled:L.colors.text.primary,o=t?.3:1;return(0,_jsxRuntime.jsx)(_reactNative.Pressable,{disabled:t,onPress:()=>be(e),accessibilityRole:"button",accessibilityLabel:`Year ${e}`,accessibilityState:{selected:a,disabled:t},style:W.yearCell,children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:[W.yearInner,{backgroundColor:i,borderColor:n,borderWidth:r&&!a?1.5:0,opacity:o}],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[W.yearText,{color:s}],children:e})})},`year-${e}`)})},`yr-${t}`))}):(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[W.yearGrid,{opacity:ae,transform:[{scale:re}]}],children:Array.from({length:3}).map((e,t)=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:W.gridRow,children:ue.slice(4*t,4*t+4).map(e=>{const t=e+10-1,a=_e(e),r=!!E&&decadeStartFor(E.getFullYear())===e,i=decadeStartFor(Y.getFullYear())===e,n=r?L.colors.primary:"transparent",s=i&&!r?L.colors.primary:"transparent",o=r?L.colors.onPrimary:a?L.colors.text.disabled:L.colors.text.primary,l=a?.3:1;return(0,_jsxRuntime.jsx)(_reactNative.Pressable,{disabled:a,onPress:()=>je(e),accessibilityRole:"button",accessibilityLabel:`Decade ${e} to ${t}`,accessibilityState:{selected:r,disabled:a},style:W.yearCell,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[W.yearInner,{backgroundColor:n,borderColor:s,borderWidth:i&&!r?1.5:0,opacity:l}],children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[W.yearText,{color:o}],children:`${e}s`}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[W.decadeRangeText,{color:r?L.colors.onPrimary:L.colors.text.tertiary}],children:`${e}-${t}`})]})},`decade-${e}`)})},`dec-${t}`))}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:W.footer,children:[(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:Ce,style:({pressed:e})=>[W.footerBtn,W.footerCancel,e&&W.footerBtnPressed,x],accessibilityRole:"button",accessibilityLabel:m,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[W.footerBtnText,{color:L.colors.text.secondary}],children:m})}),(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:ke,disabled:!E,style:({pressed:e})=>[W.footerBtn,W.footerConfirm,{backgroundColor:L.colors.primary,opacity:E?1:.5},e&&{backgroundColor:L.colors.primaryHover},x],accessibilityRole:"button",accessibilityLabel:u,accessibilityState:{disabled:!E},children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[W.footerBtnText,{color:L.colors.onPrimary}],children:u})})]})]}),Ve=t?(P??(e=>e.toLocaleDateString()))(t):void 0,Ae=!V;if("inline"===o)return I||Ae?Ae?(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_index3.PickerTrigger,{label:v,value:Ve,placeholder:b,helperText:j,error:N,required:R,disabled:D,size:w,variant:C,clearable:k,onClear:S,onPress:()=>M(!0),triggerStyle:T,testID:f}),I?Te:null]}):Te:null;const Me=(0,_jsxRuntime.jsx)(_reactNative.Modal,{visible:I,transparent:!0,statusBarTranslucent:!0,navigationBarTranslucent:!0,animationType:"none",onRequestClose:De,children:(0,_jsxRuntime.jsxs)(_reactNativeGestureHandler.GestureHandlerRootView,{collapsable:!1,style:[W.backdrop,{backgroundColor:L.colors.background.overlay}],children:[(0,_jsxRuntime.jsx)(_reactNative.Pressable,{style:_reactNative.StyleSheet.absoluteFill,onPress:De,accessibilityLabel:"Dismiss"}),(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[W.sheetWrap,{paddingBottom:Math.max(B.bottom,L.spacing.lg),opacity:J,transform:[{translateY:_reactNative.Animated.add(Se,K)}]}],onLayout:e=>{Q.current=e.nativeEvent.layout.height},accessibilityViewIsModal:!0,accessibilityRole:"none",children:Te}),(0,_jsxRuntime.jsx)(_ToastProvider.ToastHost,{})]})});return Ae?(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_index3.PickerTrigger,{label:v,value:Ve,placeholder:b,helperText:j,error:N,required:R,disabled:D,size:w,variant:C,clearable:k,onClear:S,onPress:()=>M(!0),triggerStyle:T,testID:f}),Me]}):Me};exports.DatePicker=DatePicker;const buildStyles=e=>{const t=e.shadows.lg;return _reactNative.StyleSheet.create({backdrop:{..._reactNative.StyleSheet.absoluteFill},sheetWrap:{position:"absolute",left:0,right:0,bottom:0,paddingHorizontal:e.spacing.md,paddingBottom:e.spacing.lg},card:{backgroundColor:e.colors.background.elevated,borderRadius:e.radius.xl,..._corners.smoothCorners,padding:e.spacing.lg,shadowColor:t.shadowColor,shadowOffset:t.shadowOffset,shadowOpacity:t.shadowOpacity,shadowRadius:t.shadowRadius,elevation:t.elevation},grabArea:{marginTop:-e.spacing.lg,paddingTop:e.spacing.sm},handle:{alignSelf:"center",width:36,height:4,borderRadius:e.radius.full,..._corners.smoothCorners,backgroundColor:e.colors.border.secondary,marginBottom:e.spacing.sm},titleRow:{marginBottom:e.spacing.sm},title:{fontSize:e.typography.fontSize.lg,fontWeight:e.typography.fontWeight.semibold,color:e.colors.text.primary},headerRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginBottom:e.spacing.md},navBtn:{width:e.components.datePicker?.navButtonSize??36,height:e.components.datePicker?.navButtonSize??36,borderRadius:e.radius.full,..._corners.smoothCorners,alignItems:"center",justifyContent:"center",backgroundColor:e.colors.background.secondary},navBtnPressed:{backgroundColor:e.colors.surface.pressed},navText:{fontSize:e.components.datePicker?.navTextFontSize??22,lineHeight:e.components.datePicker?.navTextLineHeight??24,color:e.colors.text.primary,fontWeight:e.typography.fontWeight.semibold},headerLabelWrap:{flex:1,alignItems:"center"},headerLabelInner:{flexDirection:"row",alignItems:"center",justifyContent:"center"},headerLabel:{fontSize:e.typography.fontSize.base,fontWeight:e.typography.fontWeight.semibold,color:e.colors.text.primary},headerCaret:{marginLeft:e.spacing.xs,alignItems:"center",justifyContent:"center"},weekdayRow:{flexDirection:"row",marginBottom:e.spacing.xs},weekdayCell:{flex:1,alignItems:"center",paddingVertical:e.spacing.xs},weekdayText:{fontSize:e.typography.fontSize.xs,fontWeight:e.typography.fontWeight.medium,color:e.colors.text.tertiary,letterSpacing:e.typography.letterSpacing.wide},grid:{},gridRow:{flexDirection:"row"},dayCell:{flex:1,aspectRatio:1,alignItems:"center",justifyContent:"center",padding:e.components.datePicker?.dayCellPadding??2},dayInner:{width:"100%",height:"100%",borderRadius:e.components.datePicker?.dayInnerBorderRadius??e.radius.full,..._corners.smoothCorners,alignItems:"center",justifyContent:"center"},dayText:{fontSize:e.typography.fontSize.sm,fontWeight:e.typography.fontWeight.medium},yearGrid:{},yearCell:{flex:1,aspectRatio:1.6,alignItems:"center",justifyContent:"center",padding:e.components.datePicker?.yearCellPadding??4},yearInner:{width:"100%",height:"100%",borderRadius:e.components.datePicker?.yearInnerBorderRadius??e.radius.lg,..._corners.smoothCorners,alignItems:"center",justifyContent:"center"},yearText:{fontSize:e.typography.fontSize.base,fontWeight:e.typography.fontWeight.semibold},decadeRangeText:{fontSize:e.typography.fontSize.xs,fontWeight:e.typography.fontWeight.medium,marginTop:e.components.datePicker?.decadeRangeMarginTop??2},footer:{flexDirection:"row",justifyContent:"flex-end",alignItems:"center",marginTop:e.spacing.lg,gap:e.spacing.sm},footerBtn:{paddingHorizontal:e.spacing.lg,paddingVertical:e.spacing.sm,borderRadius:e.radius.md,..._corners.smoothCorners,minHeight:e.components.datePicker?.footerButtonMinHeight??40,alignItems:"center",justifyContent:"center"},footerCancel:{backgroundColor:"transparent"},footerConfirm:{},footerBtnPressed:{opacity:.85},footerBtnText:{fontSize:e.typography.fontSize.sm,fontWeight:e.typography.fontWeight.semibold}})};var _default=exports.default=DatePicker;