react-native-ruler-date-picker 0.1.0

package/lib/commonjs/defaults.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MS_PER_DAY = exports.LIGHT_COLORS = exports.DEFAULT_DAY_RANGE = exports.DEFAULTS = exports.DARK_COLORS = void 0;
+// ── Internal constants (not user-configurable) ───────────────────────────
+const MS_PER_DAY = exports.MS_PER_DAY = 86_400_000;
+const DEFAULT_DAY_RANGE = exports.DEFAULT_DAY_RANGE = 365;
+
+// ── User-configurable defaults ───────────────────────────────────────────
+const DEFAULTS = exports.DEFAULTS = {
+  tickSpacing: 24,
+  tickHeight: 12,
+  tickTallHeight: 24,
+  tickThickness: 4,
+  height: 120,
+  rulerHeight: 60,
+  indicatorWidth: 2,
+  indicatorHeight: 40,
+  todayDotSize: 6,
+  labelFontSize: 10,
+  bufferTicks: 10,
+  updateDebounceMs: 100,
+  fastSwipeTickThreshold: 1,
+  continuousHapticIntervalMs: 20,
+  enableHaptics: true,
+  showResetToToday: false
+};
+
+// ── Default color palettes ───────────────────────────────────────────────
+const LIGHT_COLORS = exports.LIGHT_COLORS = {
+  tickColor: '#D1D5DB',
+  tickTallColor: '#9CA3AF',
+  labelColor: '#6B7280',
+  accentColor: '#3B82F6',
+  indicatorColor: '#3B82F6',
+  backgroundColor: 'transparent'
+};
+const DARK_COLORS = exports.DARK_COLORS = {
+  tickColor: '#4B5563',
+  tickTallColor: '#6B7280',
+  labelColor: '#9CA3AF',
+  accentColor: '#60A5FA',
+  indicatorColor: '#60A5FA',
+  backgroundColor: 'transparent'
+};
+//# sourceMappingURL=defaults.js.map

package/lib/commonjs/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MS_PER_DAY","exports","DEFAULT_DAY_RANGE","DEFAULTS","tickSpacing","tickHeight","tickTallHeight","tickThickness","height","rulerHeight","indicatorWidth","indicatorHeight","todayDotSize","labelFontSize","bufferTicks","updateDebounceMs","fastSwipeTickThreshold","continuousHapticIntervalMs","enableHaptics","showResetToToday","LIGHT_COLORS","tickColor","tickTallColor","labelColor","accentColor","indicatorColor","backgroundColor","DARK_COLORS"],"sourceRoot":"../../src","sources":["defaults.ts"],"mappings":";;;;;;AAEA;AACO,MAAMA,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,UAAU;AAC7B,MAAME,iBAAiB,GAAAD,OAAA,CAAAC,iBAAA,GAAG,GAAG;;AAEpC;AACO,MAAMC,QAAQ,GAAAF,OAAA,CAAAE,QAAA,GAAG;EACtBC,WAAW,EAAE,EAAE;EACfC,UAAU,EAAE,EAAE;EACdC,cAAc,EAAE,EAAE;EAClBC,aAAa,EAAE,CAAC;EAChBC,MAAM,EAAE,GAAG;EACXC,WAAW,EAAE,EAAE;EACfC,cAAc,EAAE,CAAC;EACjBC,eAAe,EAAE,EAAE;EACnBC,YAAY,EAAE,CAAC;EACfC,aAAa,EAAE,EAAE;EACjBC,WAAW,EAAE,EAAE;EACfC,gBAAgB,EAAE,GAAG;EACrBC,sBAAsB,EAAE,CAAC;EACzBC,0BAA0B,EAAE,EAAE;EAC9BC,aAAa,EAAE,IAAI;EACnBC,gBAAgB,EAAE;AACpB,CAAU;;AAEV;AACO,MAAMC,YAA4B,GAAAnB,OAAA,CAAAmB,YAAA,GAAG;EAC1CC,SAAS,EAAE,SAAS;EACpBC,aAAa,EAAE,SAAS;EACxBC,UAAU,EAAE,SAAS;EACrBC,WAAW,EAAE,SAAS;EACtBC,cAAc,EAAE,SAAS;EACzBC,eAAe,EAAE;AACnB,CAAC;AAEM,MAAMC,WAA2B,GAAA1B,OAAA,CAAA0B,WAAA,GAAG;EACzCN,SAAS,EAAE,SAAS;EACpBC,aAAa,EAAE,SAAS;EACxBC,UAAU,EAAE,SAAS;EACrBC,WAAW,EAAE,SAAS;EACtBC,cAAc,EAAE,SAAS;EACzBC,eAAe,EAAE;AACnB,CAAC","ignoreList":[]}

package/lib/commonjs/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "RulerDatePicker", {
+  enumerable: true,
+  get: function () {
+    return _RulerDatePicker.RulerDatePicker;
+  }
+});
+var _RulerDatePicker = require("./RulerDatePicker");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_RulerDatePicker","require"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,gBAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/commonjs/package.json

@@ -0,0 +1 @@
+{"type":"commonjs"}

package/lib/commonjs/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

package/lib/commonjs/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["types.ts"],"mappings":"","ignoreList":[]}

package/lib/commonjs/useHaptics.js

@@ -0,0 +1,83 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useHaptics = useHaptics;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _defaults = require("./defaults");
+/**
+ * Attempts to dynamically require expo-haptics.
+ * Returns null if the module is not installed, allowing graceful degradation
+ * in pure React Native CLI projects.
+ */
+let ExpoHaptics = null;
+try {
+  ExpoHaptics = require('expo-haptics');
+} catch {
+  // expo-haptics not installed — haptics will be silently disabled
+}
+/**
+ * Haptics abstraction hook.
+ *
+ * - If `onHapticTrigger` is provided, delegates all haptic calls to it.
+ * - Otherwise, uses expo-haptics if available.
+ * - Falls back to no-op if neither is available or haptics are disabled.
+ */
+function useHaptics({
+  enableHaptics,
+  onHapticTrigger,
+  continuousHapticIntervalMs = _defaults.DEFAULTS.continuousHapticIntervalMs
+}) {
+  const hapticIntervalRef = (0, _react.useRef)(null);
+
+  /** Fire a single discrete haptic — used in slow scroll mode */
+  const fireDiscreteHaptic = (0, _react.useCallback)(() => {
+    if (!enableHaptics) return;
+    if (onHapticTrigger) {
+      onHapticTrigger('tick');
+      return;
+    }
+    if (!ExpoHaptics) return;
+    if (_reactNative.Platform.OS === 'android') {
+      ExpoHaptics.impactAsync(ExpoHaptics.ImpactFeedbackStyle.Light).catch(() => {});
+    } else {
+      ExpoHaptics.selectionAsync().catch(() => {});
+    }
+  }, [enableHaptics, onHapticTrigger]);
+
+  /** Start a continuous haptic buzz — used in fast scroll mode */
+  const startContinuousHaptic = (0, _react.useCallback)(() => {
+    if (!enableHaptics) return;
+    if (onHapticTrigger) {
+      onHapticTrigger('continuous');
+      return;
+    }
+    if (!ExpoHaptics) return;
+
+    // Already running — don't double-start
+    if (hapticIntervalRef.current) return;
+
+    // Fire one immediately so the transition isn't silent
+    ExpoHaptics.impactAsync(ExpoHaptics.ImpactFeedbackStyle.Light).catch(() => {});
+    const interval = _reactNative.Platform.OS === 'android' ? 35 : continuousHapticIntervalMs;
+    hapticIntervalRef.current = setInterval(() => {
+      ExpoHaptics.impactAsync(ExpoHaptics.ImpactFeedbackStyle.Light).catch(() => {});
+    }, interval);
+  }, [enableHaptics, onHapticTrigger, continuousHapticIntervalMs]);
+
+  /** Stop the continuous haptic buzz */
+  const stopContinuousHaptic = (0, _react.useCallback)(() => {
+    if (hapticIntervalRef.current) {
+      clearInterval(hapticIntervalRef.current);
+      hapticIntervalRef.current = null;
+    }
+  }, []);
+  return {
+    fireDiscreteHaptic,
+    startContinuousHaptic,
+    stopContinuousHaptic
+  };
+}
+//# sourceMappingURL=useHaptics.js.map

package/lib/commonjs/useHaptics.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_defaults","ExpoHaptics","useHaptics","enableHaptics","onHapticTrigger","continuousHapticIntervalMs","DEFAULTS","hapticIntervalRef","useRef","fireDiscreteHaptic","useCallback","Platform","OS","impactAsync","ImpactFeedbackStyle","Light","catch","selectionAsync","startContinuousHaptic","current","interval","setInterval","stopContinuousHaptic","clearInterval"],"sourceRoot":"../../src","sources":["useHaptics.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA,IAAIG,WAAiD,GAAG,IAAI;AAC5D,IAAI;EACFA,WAAW,GAAGH,OAAO,CAAC,cAAc,CAAC;AACvC,CAAC,CAAC,MAAM;EACN;AAAA;AAeF;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASI,UAAUA,CAAC;EACzBC,aAAa;EACbC,eAAe;EACfC,0BAA0B,GAAGC,kBAAQ,CAACD;AACrB,CAAC,EAAc;EAChC,MAAME,iBAAiB,GAAG,IAAAC,aAAM,EAC9B,IACF,CAAC;;EAED;EACA,MAAMC,kBAAkB,GAAG,IAAAC,kBAAW,EAAC,MAAM;IAC3C,IAAI,CAACP,aAAa,EAAE;IAEpB,IAAIC,eAAe,EAAE;MACnBA,eAAe,CAAC,MAAM,CAAC;MACvB;IACF;IAEA,IAAI,CAACH,WAAW,EAAE;IAElB,IAAIU,qBAAQ,CAACC,EAAE,KAAK,SAAS,EAAE;MAC7BX,WAAW,CAACY,WAAW,CAACZ,WAAW,CAACa,mBAAmB,CAACC,KAAK,CAAC,CAACC,KAAK,CAClE,MAAM,CAAC,CACT,CAAC;IACH,CAAC,MAAM;MACLf,WAAW,CAACgB,cAAc,CAAC,CAAC,CAACD,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IAC9C;EACF,CAAC,EAAE,CAACb,aAAa,EAAEC,eAAe,CAAC,CAAC;;EAEpC;EACA,MAAMc,qBAAqB,GAAG,IAAAR,kBAAW,EAAC,MAAM;IAC9C,IAAI,CAACP,aAAa,EAAE;IAEpB,IAAIC,eAAe,EAAE;MACnBA,eAAe,CAAC,YAAY,CAAC;MAC7B;IACF;IAEA,IAAI,CAACH,WAAW,EAAE;;IAElB;IACA,IAAIM,iBAAiB,CAACY,OAAO,EAAE;;IAE/B;IACAlB,WAAW,CAACY,WAAW,CAACZ,WAAW,CAACa,mBAAmB,CAACC,KAAK,CAAC,CAACC,KAAK,CAClE,MAAM,CAAC,CACT,CAAC;IAED,MAAMI,QAAQ,GACZT,qBAAQ,CAACC,EAAE,KAAK,SAAS,GAAG,EAAE,GAAGP,0BAA0B;IAE7DE,iBAAiB,CAACY,OAAO,GAAGE,WAAW,CAAC,MAAM;MAC5CpB,WAAW,CAAEY,WAAW,CAACZ,WAAW,CAAEa,mBAAmB,CAACC,KAAK,CAAC,CAACC,KAAK,CACpE,MAAM,CAAC,CACT,CAAC;IACH,CAAC,EAAEI,QAAQ,CAAC;EACd,CAAC,EAAE,CAACjB,aAAa,EAAEC,eAAe,EAAEC,0BAA0B,CAAC,CAAC;;EAEhE;EACA,MAAMiB,oBAAoB,GAAG,IAAAZ,kBAAW,EAAC,MAAM;IAC7C,IAAIH,iBAAiB,CAACY,OAAO,EAAE;MAC7BI,aAAa,CAAChB,iBAAiB,CAACY,OAAO,CAAC;MACxCZ,iBAAiB,CAACY,OAAO,GAAG,IAAI;IAClC;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO;IACLV,kBAAkB;IAClBS,qBAAqB;IACrBI;EACF,CAAC;AACH","ignoreList":[]}

package/lib/commonjs/utils.js

@@ -0,0 +1,99 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.computeDayRange = computeDayRange;
+exports.dateToDayOffset = dateToDayOffset;
+exports.dayOffsetToDate = dayOffsetToDate;
+exports.formatDateString = formatDateString;
+exports.shouldShowLabel = shouldShowLabel;
+exports.useResolvedColors = useResolvedColors;
+var _reactNative = require("react-native");
+var _defaults = require("./defaults");
+/**
+ * Formats a Date object as a local YYYY-MM-DD string,
+ * avoiding timezone shifting bugs caused by toISOString().
+ */
+function formatDateString(date = new Date()) {
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, '0');
+  const day = String(date.getDate()).padStart(2, '0');
+  return `${year}-${month}-${day}`;
+}
+
+/**
+ * Converts a Date or YYYY-MM-DD string to a day offset relative to a reference time.
+ */
+function dateToDayOffset(date, referenceTime) {
+  const d = typeof date === 'string' ? new Date(date) : new Date(date);
+  d.setHours(0, 0, 0, 0);
+  return Math.round((d.getTime() - referenceTime) / _defaults.MS_PER_DAY);
+}
+
+/**
+ * Converts a day offset back to a Date object.
+ */
+function dayOffsetToDate(offset, referenceTime) {
+  return new Date(referenceTime + offset * _defaults.MS_PER_DAY);
+}
+
+/**
+ * Resolves user-provided color props against the system color scheme defaults.
+ * User-provided values always take precedence.
+ */
+function useResolvedColors(props) {
+  const scheme = (0, _reactNative.useColorScheme)();
+  const palette = scheme === 'dark' ? _defaults.DARK_COLORS : _defaults.LIGHT_COLORS;
+  return {
+    tickColor: props.tickColor ?? palette.tickColor,
+    tickTallColor: props.tickTallColor ?? props.tickColor ?? palette.tickTallColor,
+    labelColor: props.labelColor ?? palette.labelColor,
+    accentColor: props.accentColor ?? palette.accentColor,
+    indicatorColor: props.indicatorColor ?? palette.indicatorColor,
+    backgroundColor: props.backgroundColor ?? palette.backgroundColor
+  };
+}
+
+/**
+ * Determines whether a date should display a label based on the labelInterval setting.
+ */
+function shouldShowLabel(date, labelInterval, todayTime) {
+  if (!labelInterval || labelInterval === 'weekly') {
+    // Default: every 7th day relative to today (matches original Friday-style spacing)
+    const dayOffset = Math.round((date.getTime() - todayTime) / _defaults.MS_PER_DAY);
+    return dayOffset % 7 === 0;
+  }
+  if (labelInterval === 'daily') {
+    return true;
+  }
+  if (labelInterval === 'monthly') {
+    return date.getDate() === 1;
+  }
+
+  // Custom callback
+  return labelInterval(date);
+}
+
+/**
+ * Computes the min/max day offsets from props or defaults.
+ */
+function computeDayRange(todayTime, minDate, maxDate) {
+  let minOffset = -_defaults.DEFAULT_DAY_RANGE;
+  let maxOffset = _defaults.DEFAULT_DAY_RANGE;
+  if (minDate) {
+    const d = new Date(minDate);
+    d.setHours(0, 0, 0, 0);
+    minOffset = Math.round((d.getTime() - todayTime) / _defaults.MS_PER_DAY);
+  }
+  if (maxDate) {
+    const d = new Date(maxDate);
+    d.setHours(0, 0, 0, 0);
+    maxOffset = Math.round((d.getTime() - todayTime) / _defaults.MS_PER_DAY);
+  }
+  return {
+    minOffset,
+    maxOffset
+  };
+}
+//# sourceMappingURL=utils.js.map

package/lib/commonjs/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_defaults","formatDateString","date","Date","year","getFullYear","month","String","getMonth","padStart","day","getDate","dateToDayOffset","referenceTime","d","setHours","Math","round","getTime","MS_PER_DAY","dayOffsetToDate","offset","useResolvedColors","props","scheme","useColorScheme","palette","DARK_COLORS","LIGHT_COLORS","tickColor","tickTallColor","labelColor","accentColor","indicatorColor","backgroundColor","shouldShowLabel","labelInterval","todayTime","dayOffset","computeDayRange","minDate","maxDate","minOffset","DEFAULT_DAY_RANGE","maxOffset"],"sourceRoot":"../../src","sources":["utils.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/RulerDatePicker.js

@@ -0,0 +1,371 @@
+"use strict";
+
+import React, { useState, useRef, useCallback, useMemo } from 'react';
+import { View, Text, StyleSheet, Dimensions, TouchableOpacity } from 'react-native';
+import Animated, { useSharedValue, useAnimatedStyle, withDecay, withTiming, useAnimatedReaction, runOnJS } from 'react-native-reanimated';
+import { Gesture, GestureDetector } from 'react-native-gesture-handler';
+import { DEFAULTS, MS_PER_DAY } from './defaults';
+import { formatDateString, dateToDayOffset, dayOffsetToDate, useResolvedColors, shouldShowLabel, computeDayRange } from './utils';
+import { useHaptics } from './useHaptics';
+import { Tick } from './Tick';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SCREEN_WIDTH = Dimensions.get('window').width;
+
+/**
+ * A performant, customizable ruler-style date picker for React Native.
+ *
+ * Features:
+ * - 60 FPS scrolling via Reanimated 3 decay physics + snap alignment
+ * - Dual-speed haptic feedback engine (discrete ticks vs continuous buzz)
+ * - Windowed tick rendering for memory efficiency
+ * - Fully configurable dimensions, colors, and behaviors
+ *
+ * @example
+ * ```tsx
+ * <RulerDatePicker
+ *   selectedDate={new Date()}
+ *   onSelectDate={(date, dateString) => console.log(dateString)}
+ * />
+ * ```
+ */
+export function RulerDatePicker(props) {
+  const {
+    selectedDate,
+    onSelectDate,
+    minDate,
+    maxDate,
+    labelInterval,
+    highlightDays,
+    tickSpacing = DEFAULTS.tickSpacing,
+    tickHeight = DEFAULTS.tickHeight,
+    tickTallHeight = DEFAULTS.tickTallHeight,
+    tickThickness = DEFAULTS.tickThickness,
+    height = DEFAULTS.height,
+    rulerHeight = DEFAULTS.rulerHeight,
+    indicatorWidth = DEFAULTS.indicatorWidth,
+    indicatorHeight = DEFAULTS.indicatorHeight,
+    todayDotSize = DEFAULTS.todayDotSize,
+    labelFontSize = DEFAULTS.labelFontSize,
+    bufferTicks = DEFAULTS.bufferTicks,
+    updateDebounceMs = DEFAULTS.updateDebounceMs,
+    enableHaptics = DEFAULTS.enableHaptics,
+    onHapticTrigger,
+    fastSwipeTickThreshold = DEFAULTS.fastSwipeTickThreshold,
+    continuousHapticIntervalMs = DEFAULTS.continuousHapticIntervalMs,
+    showResetToToday = DEFAULTS.showResetToToday,
+    renderHeader
+  } = props;
+
+  // ── Resolve colors ──────────────────────────────────────────────────────
+  const colors = useResolvedColors(props);
+
+  // ── Haptics ─────────────────────────────────────────────────────────────
+  const {
+    fireDiscreteHaptic,
+    startContinuousHaptic,
+    stopContinuousHaptic
+  } = useHaptics({
+    enableHaptics,
+    onHapticTrigger,
+    continuousHapticIntervalMs
+  });
+
+  // ── Reference time (midnight today) ─────────────────────────────────────
+  const todayTime = useMemo(() => {
+    const d = new Date();
+    d.setHours(0, 0, 0, 0);
+    return d.getTime();
+  }, []);
+
+  // ── Date boundaries ─────────────────────────────────────────────────────
+  const {
+    minOffset,
+    maxOffset
+  } = useMemo(() => computeDayRange(todayTime, minDate, maxDate), [todayTime, minDate, maxDate]);
+
+  // ── Initial offset from today ───────────────────────────────────────────
+  const initialOffsetDays = useMemo(() => {
+    return dateToDayOffset(selectedDate, todayTime);
+    // Intentionally only computed once on mount
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  const halfVisible = Math.ceil(SCREEN_WIDTH / 2 / tickSpacing);
+  const windowSize = halfVisible + bufferTicks;
+
+  // ── Animated values ─────────────────────────────────────────────────────
+  const translateX = useSharedValue(-initialOffsetDays * tickSpacing);
+  const contextX = useSharedValue(0);
+  const previousIndex = useSharedValue(-initialOffsetDays);
+  const isFastMode = useSharedValue(false);
+
+  // ── State ───────────────────────────────────────────────────────────────
+  const initialDateStr = useMemo(() => {
+    const d = typeof selectedDate === 'string' ? new Date(selectedDate) : new Date(selectedDate);
+    d.setHours(0, 0, 0, 0);
+    return formatDateString(d);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  const [displayDateStr, setDisplayDateStr] = useState(initialDateStr);
+  const debounceTimerRef = useRef(null);
+  const [windowCenter, setWindowCenter] = useState(-initialOffsetDays);
+
+  // ── Visible ticks (windowed rendering) ──────────────────────────────────
+  const visibleTicks = useMemo(() => {
+    const ticks = [];
+    const start = Math.max(windowCenter - windowSize, minOffset);
+    const end = Math.min(windowCenter + windowSize, maxOffset);
+    for (let i = start; i <= end; i++) {
+      const d = new Date(todayTime + i * MS_PER_DAY);
+      ticks.push({
+        offset: i,
+        isLabeled: shouldShowLabel(d, labelInterval, todayTime),
+        isToday: i === 0,
+        isHighlighted: highlightDays ? highlightDays.includes(d.getDay()) : false,
+        dateStr: d.getDate().toString()
+      });
+    }
+    return ticks;
+  }, [windowCenter, windowSize, todayTime, minOffset, maxOffset, labelInterval, highlightDays]);
+
+  // ── Tick change callbacks ───────────────────────────────────────────────
+
+  const onTickChanged = useCallback((index, enteringFastMode) => {
+    if (enteringFastMode) {
+      startContinuousHaptic();
+    } else {
+      stopContinuousHaptic();
+      fireDiscreteHaptic();
+    }
+
+    // Update display date
+    const d = dayOffsetToDate(index, todayTime);
+    const dateStr = formatDateString(d);
+    setWindowCenter(prevCenter => {
+      if (Math.abs(index - prevCenter) >= 5) {
+        return index;
+      }
+      return prevCenter;
+    });
+
+    // Debounce the heavy onSelectDate callback
+    if (debounceTimerRef.current) {
+      clearTimeout(debounceTimerRef.current);
+    }
+    debounceTimerRef.current = setTimeout(() => {
+      onSelectDate(d, dateStr);
+    }, updateDebounceMs);
+  }, [todayTime, onSelectDate, updateDebounceMs, startContinuousHaptic, stopContinuousHaptic, fireDiscreteHaptic]);
+  const onAnimationSettled = useCallback(index => {
+    stopContinuousHaptic();
+    fireDiscreteHaptic();
+    const d = dayOffsetToDate(index, todayTime);
+    const dateStr = formatDateString(d);
+    setDisplayDateStr(dateStr);
+    setWindowCenter(index);
+    onSelectDate(d, dateStr);
+  }, [todayTime, onSelectDate, stopContinuousHaptic, fireDiscreteHaptic]);
+
+  // ── Animated reaction ───────────────────────────────────────────────────
+  useAnimatedReaction(() => Math.round(-translateX.value / tickSpacing), (index, prev) => {
+    if (index !== prev && index >= minOffset && index <= maxOffset) {
+      previousIndex.value = index;
+      const ticksSkipped = prev !== null ? Math.abs(index - prev) : 1;
+      const shouldBeFast = ticksSkipped > fastSwipeTickThreshold;
+      if (shouldBeFast && !isFastMode.value) {
+        isFastMode.value = true;
+        runOnJS(onTickChanged)(index, true);
+      } else if (!shouldBeFast && isFastMode.value) {
+        isFastMode.value = false;
+        runOnJS(onTickChanged)(index, false);
+      } else if (!shouldBeFast) {
+        runOnJS(onTickChanged)(index, false);
+      }
+      if (shouldBeFast && isFastMode.value) {
+        runOnJS(onTickChanged)(index, true);
+      }
+    }
+  }, [tickSpacing, minOffset, maxOffset, fastSwipeTickThreshold]);
+
+  // ── Pan gesture ─────────────────────────────────────────────────────────
+  const pan = Gesture.Pan().onStart(() => {
+    contextX.value = translateX.value;
+  }).onUpdate(event => {
+    translateX.value = contextX.value + event.translationX;
+  }).onEnd(event => {
+    translateX.value = withDecay({
+      velocity: event.velocityX,
+      deceleration: 0.99
+    }, finished => {
+      if (finished) {
+        const maxTranslateX = -minOffset * tickSpacing;
+        const minTranslateX = -maxOffset * tickSpacing;
+        const clampedX = Math.min(Math.max(translateX.value, minTranslateX), maxTranslateX);
+        const snappedIndex = Math.round(clampedX / tickSpacing);
+        const snappedX = snappedIndex * tickSpacing;
+        translateX.value = withTiming(snappedX, {
+          duration: 150
+        }, done => {
+          if (done) {
+            isFastMode.value = false;
+            const index = Math.round(-snappedX / tickSpacing);
+            runOnJS(onAnimationSettled)(index);
+          }
+        });
+      }
+    });
+  });
+  const animatedStyle = useAnimatedStyle(() => ({
+    transform: [{
+      translateX: translateX.value
+    }]
+  }), [translateX]);
+
+  // ── Header ──────────────────────────────────────────────────────────────
+  const displayDate = new Date(displayDateStr);
+  const displayFormat = displayDate.toLocaleDateString('en-US', {
+    weekday: 'long',
+    month: 'long',
+    day: 'numeric'
+  });
+  const displayYear = displayDate.getFullYear();
+  const currentYear = new Date().getFullYear();
+  const showYear = displayYear !== currentYear;
+  const isTodaySelected = displayDateStr === formatDateString(new Date(todayTime));
+  const handleResetToToday = useCallback(() => {
+    stopContinuousHaptic();
+    translateX.value = withTiming(0, {
+      duration: 300
+    });
+    const todayStr = formatDateString(new Date(todayTime));
+    setDisplayDateStr(todayStr);
+    setWindowCenter(0);
+    onSelectDate(new Date(todayTime), todayStr);
+  }, [todayTime, onSelectDate, stopContinuousHaptic, translateX]);
+
+  // ── Render ──────────────────────────────────────────────────────────────
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.container, {
+      height,
+      backgroundColor: colors.backgroundColor
+    }],
+    children: [renderHeader ? renderHeader(displayDate, isTodaySelected, handleResetToToday) : /*#__PURE__*/_jsxs(View, {
+      style: styles.headerContainer,
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: styles.dateHeader,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: [styles.yearText, {
+            color: colors.labelColor
+          }],
+          children: showYear ? displayYear : ''
+        }), /*#__PURE__*/_jsx(Text, {
+          style: [styles.dateText, {
+            color: colors.accentColor
+          }],
+          children: displayFormat
+        })]
+      }), showResetToToday && !isTodaySelected && /*#__PURE__*/_jsx(TouchableOpacity, {
+        onPress: handleResetToToday,
+        style: styles.resetBtn,
+        children: /*#__PURE__*/_jsx(Text, {
+          style: [styles.resetText, {
+            color: colors.accentColor
+          }],
+          children: "Today"
+        })
+      })]
+    }), /*#__PURE__*/_jsx(GestureDetector, {
+      gesture: pan,
+      children: /*#__PURE__*/_jsxs(View, {
+        style: [styles.rulerContainer, {
+          height: rulerHeight
+        }],
+        children: [/*#__PURE__*/_jsx(View, {
+          style: [styles.centerIndicator, {
+            backgroundColor: colors.indicatorColor,
+            width: indicatorWidth,
+            height: indicatorHeight
+          }]
+        }), /*#__PURE__*/_jsx(Animated.View, {
+          style: [styles.ticksWrapper, animatedStyle],
+          children: visibleTicks.map(tick => /*#__PURE__*/_jsx(Tick, {
+            offset: tick.offset,
+            isLabeled: tick.isLabeled,
+            isToday: tick.isToday,
+            isHighlighted: tick.isHighlighted,
+            dateStr: tick.dateStr,
+            tickSpacing: tickSpacing,
+            tickHeight: tickHeight,
+            tickTallHeight: tickTallHeight,
+            tickThickness: tickThickness,
+            tickColor: colors.tickColor,
+            tickTallColor: colors.tickTallColor,
+            labelColor: colors.labelColor,
+            accentColor: colors.accentColor,
+            todayDotSize: todayDotSize,
+            labelFontSize: labelFontSize,
+            rulerHeight: rulerHeight
+          }, tick.offset))
+        })]
+      })
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  container: {
+    justifyContent: 'center',
+    alignItems: 'center',
+    overflow: 'hidden'
+  },
+  headerContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    width: '100%',
+    paddingHorizontal: 20,
+    marginBottom: 20,
+    height: 40
+  },
+  dateHeader: {
+    alignItems: 'center'
+  },
+  yearText: {
+    fontSize: 12,
+    fontWeight: '500',
+    marginBottom: 2
+  },
+  dateText: {
+    fontSize: 18,
+    fontWeight: '600'
+  },
+  resetBtn: {
+    position: 'absolute',
+    right: 20,
+    paddingVertical: 6,
+    paddingHorizontal: 12,
+    borderRadius: 16,
+    backgroundColor: 'rgba(0,0,0,0.05)'
+  },
+  resetText: {
+    fontSize: 14,
+    fontWeight: '600'
+  },
+  rulerContainer: {
+    width: SCREEN_WIDTH,
+    position: 'relative',
+    flexDirection: 'row',
+    alignItems: 'flex-end',
+    justifyContent: 'center'
+  },
+  centerIndicator: {
+    position: 'absolute',
+    zIndex: 10,
+    bottom: 0
+  },
+  ticksWrapper: {
+    position: 'absolute',
+    height: '100%',
+    width: 0,
+    left: SCREEN_WIDTH / 2
+  }
+});
+//# sourceMappingURL=RulerDatePicker.js.map