react-native-ruler-date-picker 0.1.0 → 0.2.0

package/lib/module/RulerDatePicker.js

@@ -1,371 +1,59 @@
 "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;
+import React from 'react';
+import { RulerRoot } from "./RulerRoot.js";
+import { RulerHeader } from "./RulerHeader.js";
+import { RulerTrack } from "./RulerTrack.js";
+import { RulerIndicator } from "./RulerIndicator.js";
+import { RulerTicks } from "./RulerTicks.js";
+import { RulerLensTrack } from "./RulerLensTrack.js";
 
 /**
- * A performant, customizable ruler-style date picker for React Native.
+ * A performant, customizable horizontal ruler date picker for React Native & Expo.
  *
  * 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
+ * - 60 FPS scrolling via Reanimated 3 decay physics & snap alignment
+ * - Generic, unopinionated Rule-Based Tick System (`TickRule[]`)
+ * - Windowed tick rendering for high memory efficiency
+ * - Dual-speed haptic feedback (discrete ticks vs continuous buzz)
+ * - Non-linear fisheye lens distortion (`lensEffect`)
+ * - Automatic Dark/Light mode theme detection
  *
  * @example
  * ```tsx
  * <RulerDatePicker
- *   selectedDate={new Date()}
- *   onSelectDate={(date, dateString) => console.log(dateString)}
+ *   value={selectedDate}
+ *   onChange={(date, dateString) => console.log(dateString)}
+ *   lensEffect
  * />
  * ```
  */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 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
+    header = true,
+    indicator = true,
+    lensEffect,
+    ...rootProps
   } = 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))
-        })]
-      })
+  // Resolve Header
+  const isHeaderVisible = header !== false;
+  const headerConfig = typeof header === 'object' ? header : undefined;
+
+  // Resolve Indicator
+  const isIndicatorVisible = indicator !== false;
+  const indicatorConfig = typeof indicator === 'object' ? indicator : undefined;
+  return /*#__PURE__*/_jsxs(RulerRoot, {
+    ...rootProps,
+    header: header,
+    lensEffect: lensEffect,
+    indicator: indicatorConfig,
+    children: [isHeaderVisible && /*#__PURE__*/_jsx(RulerHeader, {
+      ...headerConfig
+    }), lensEffect ? /*#__PURE__*/_jsx(RulerLensTrack, {}) : /*#__PURE__*/_jsxs(RulerTrack, {
+      children: [isIndicatorVisible && /*#__PURE__*/_jsx(RulerIndicator, {}), /*#__PURE__*/_jsx(RulerTicks, {})]
     })]
   });
 }
-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

package/lib/module/RulerDatePicker.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","useRef","useCallback","useMemo","View","Text","StyleSheet","Dimensions","TouchableOpacity","Animated","useSharedValue","useAnimatedStyle","withDecay","withTiming","useAnimatedReaction","runOnJS","Gesture","GestureDetector","DEFAULTS","MS_PER_DAY","formatDateString","dateToDayOffset","dayOffsetToDate","useResolvedColors","shouldShowLabel","computeDayRange","useHaptics","Tick","jsx","_jsx","jsxs","_jsxs","SCREEN_WIDTH","get","width","RulerDatePicker","props","selectedDate","onSelectDate","minDate","maxDate","labelInterval","highlightDays","tickSpacing","tickHeight","tickTallHeight","tickThickness","height","rulerHeight","indicatorWidth","indicatorHeight","todayDotSize","labelFontSize","bufferTicks","updateDebounceMs","enableHaptics","onHapticTrigger","fastSwipeTickThreshold","continuousHapticIntervalMs","showResetToToday","renderHeader","colors","fireDiscreteHaptic","startContinuousHaptic","stopContinuousHaptic","todayTime","d","Date","setHours","getTime","minOffset","maxOffset","initialOffsetDays","halfVisible","Math","ceil","windowSize","translateX","contextX","previousIndex","isFastMode","initialDateStr","displayDateStr","setDisplayDateStr","debounceTimerRef","windowCenter","setWindowCenter","visibleTicks","ticks","start","max","end","min","i","push","offset","isLabeled","isToday","isHighlighted","includes","getDay","dateStr","getDate","toString","onTickChanged","index","enteringFastMode","prevCenter","abs","current","clearTimeout","setTimeout","onAnimationSettled","round","value","prev","ticksSkipped","shouldBeFast","pan","Pan","onStart","onUpdate","event","translationX","onEnd","velocity","velocityX","deceleration","finished","maxTranslateX","minTranslateX","clampedX","snappedIndex","snappedX","duration","done","animatedStyle","transform","displayDate","displayFormat","toLocaleDateString","weekday","month","day","displayYear","getFullYear","currentYear","showYear","isTodaySelected","handleResetToToday","todayStr","style","styles","container","backgroundColor","children","headerContainer","dateHeader","yearText","color","labelColor","dateText","accentColor","onPress","resetBtn","resetText","gesture","rulerContainer","centerIndicator","indicatorColor","ticksWrapper","map","tick","tickColor","tickTallColor","create","justifyContent","alignItems","overflow","flexDirection","paddingHorizontal","marginBottom","fontSize","fontWeight","position","right","paddingVertical","borderRadius","zIndex","bottom","left"],"sourceRoot":"../../src","sources":["RulerDatePicker.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,MAAM,EAAEC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACrE,SACEC,IAAI,EACJC,IAAI,EACJC,UAAU,EACVC,UAAU,EACVC,gBAAgB,QACX,cAAc;AACrB,OAAOC,QAAQ,IACbC,cAAc,EACdC,gBAAgB,EAChBC,SAAS,EACTC,UAAU,EACVC,mBAAmB,EACnBC,OAAO,QACF,yBAAyB;AAChC,SAASC,OAAO,EAAEC,eAAe,QAAQ,8BAA8B;AAGvE,SAASC,QAAQ,EAAEC,UAAU,QAAQ,YAAY;AACjD,SACEC,gBAAgB,EAChBC,eAAe,EACfC,eAAe,EACfC,iBAAiB,EACjBC,eAAe,EACfC,eAAe,QACV,SAAS;AAChB,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,IAAI,QAAQ,QAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE9B,MAAMC,YAAY,GAAGzB,UAAU,CAAC0B,GAAG,CAAC,QAAQ,CAAC,CAACC,KAAK;;AAEnD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,eAAeA,CAACC,KAA2B,EAAE;EAC3D,MAAM;IACJC,YAAY;IACZC,YAAY;IACZC,OAAO;IACPC,OAAO;IACPC,aAAa;IACbC,aAAa;IACbC,WAAW,GAAGzB,QAAQ,CAACyB,WAAW;IAClCC,UAAU,GAAG1B,QAAQ,CAAC0B,UAAU;IAChCC,cAAc,GAAG3B,QAAQ,CAAC2B,cAAc;IACxCC,aAAa,GAAG5B,QAAQ,CAAC4B,aAAa;IACtCC,MAAM,GAAG7B,QAAQ,CAAC6B,MAAM;IACxBC,WAAW,GAAG9B,QAAQ,CAAC8B,WAAW;IAClCC,cAAc,GAAG/B,QAAQ,CAAC+B,cAAc;IACxCC,eAAe,GAAGhC,QAAQ,CAACgC,eAAe;IAC1CC,YAAY,GAAGjC,QAAQ,CAACiC,YAAY;IACpCC,aAAa,GAAGlC,QAAQ,CAACkC,aAAa;IACtCC,WAAW,GAAGnC,QAAQ,CAACmC,WAAW;IAClCC,gBAAgB,GAAGpC,QAAQ,CAACoC,gBAAgB;IAC5CC,aAAa,GAAGrC,QAAQ,CAACqC,aAAa;IACtCC,eAAe;IACfC,sBAAsB,GAAGvC,QAAQ,CAACuC,sBAAsB;IACxDC,0BAA0B,GAAGxC,QAAQ,CAACwC,0BAA0B;IAChEC,gBAAgB,GAAGzC,QAAQ,CAACyC,gBAAgB;IAC5CC;EACF,CAAC,GAAGxB,KAAK;;EAET;EACA,MAAMyB,MAAM,GAAGtC,iBAAiB,CAACa,KAAK,CAAC;;EAEvC;EACA,MAAM;IAAE0B,kBAAkB;IAAEC,qBAAqB;IAAEC;EAAqB,CAAC,GACvEtC,UAAU,CAAC;IACT6B,aAAa;IACbC,eAAe;IACfE;EACF,CAAC,CAAC;;EAEJ;EACA,MAAMO,SAAS,GAAG9D,OAAO,CAAC,MAAM;IAC9B,MAAM+D,CAAC,GAAG,IAAIC,IAAI,CAAC,CAAC;IACpBD,CAAC,CAACE,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IACtB,OAAOF,CAAC,CAACG,OAAO,CAAC,CAAC;EACpB,CAAC,EAAE,EAAE,CAAC;;EAEN;EACA,MAAM;IAAEC,SAAS;IAAEC;EAAU,CAAC,GAAGpE,OAAO,CACtC,MAAMsB,eAAe,CAACwC,SAAS,EAAE1B,OAAO,EAAEC,OAAO,CAAC,EAClD,CAACyB,SAAS,EAAE1B,OAAO,EAAEC,OAAO,CAC9B,CAAC;;EAED;EACA,MAAMgC,iBAAiB,GAAGrE,OAAO,CAAC,MAAM;IACtC,OAAOkB,eAAe,CAACgB,YAAY,EAAE4B,SAAS,CAAC;IAC/C;IACA;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMQ,WAAW,GAAGC,IAAI,CAACC,IAAI,CAAC3C,YAAY,GAAG,CAAC,GAAGW,WAAW,CAAC;EAC7D,MAAMiC,UAAU,GAAGH,WAAW,GAAGpB,WAAW;;EAE5C;EACA,MAAMwB,UAAU,GAAGnE,cAAc,CAAC,CAAC8D,iBAAiB,GAAG7B,WAAW,CAAC;EACnE,MAAMmC,QAAQ,GAAGpE,cAAc,CAAC,CAAC,CAAC;EAClC,MAAMqE,aAAa,GAAGrE,cAAc,CAAC,CAAC8D,iBAAiB,CAAC;EACxD,MAAMQ,UAAU,GAAGtE,cAAc,CAAC,KAAK,CAAC;;EAExC;EACA,MAAMuE,cAAc,GAAG9E,OAAO,CAAC,MAAM;IACnC,MAAM+D,CAAC,GACL,OAAO7B,YAAY,KAAK,QAAQ,GAC5B,IAAI8B,IAAI,CAAC9B,YAAY,CAAC,GACtB,IAAI8B,IAAI,CAAC9B,YAAY,CAAC;IAC5B6B,CAAC,CAACE,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IACtB,OAAOhD,gBAAgB,CAAC8C,CAAC,CAAC;IAC1B;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM,CAACgB,cAAc,EAAEC,iBAAiB,CAAC,GAAGnF,QAAQ,CAACiF,cAAc,CAAC;EACpE,MAAMG,gBAAgB,GAAGnF,MAAM,CAAuC,IAAI,CAAC;EAC3E,MAAM,CAACoF,YAAY,EAAEC,eAAe,CAAC,GAAGtF,QAAQ,CAAC,CAACwE,iBAAiB,CAAC;;EAEpE;EACA,MAAMe,YAAY,GAAGpF,OAAO,CAAC,MAAM;IACjC,MAAMqF,KAAiB,GAAG,EAAE;IAE5B,MAAMC,KAAK,GAAGf,IAAI,CAACgB,GAAG,CAACL,YAAY,GAAGT,UAAU,EAAEN,SAAS,CAAC;IAC5D,MAAMqB,GAAG,GAAGjB,IAAI,CAACkB,GAAG,CAACP,YAAY,GAAGT,UAAU,EAAEL,SAAS,CAAC;IAE1D,KAAK,IAAIsB,CAAC,GAAGJ,KAAK,EAAEI,CAAC,IAAIF,GAAG,EAAEE,CAAC,EAAE,EAAE;MACjC,MAAM3B,CAAC,GAAG,IAAIC,IAAI,CAACF,SAAS,GAAG4B,CAAC,GAAG1E,UAAU,CAAC;MAC9CqE,KAAK,CAACM,IAAI,CAAC;QACTC,MAAM,EAAEF,CAAC;QACTG,SAAS,EAAExE,eAAe,CAAC0C,CAAC,EAAEzB,aAAa,EAAEwB,SAAS,CAAC;QACvDgC,OAAO,EAAEJ,CAAC,KAAK,CAAC;QAChBK,aAAa,EAAExD,aAAa,GACxBA,aAAa,CAACyD,QAAQ,CAACjC,CAAC,CAACkC,MAAM,CAAC,CAAC,CAAC,GAClC,KAAK;QACTC,OAAO,EAAEnC,CAAC,CAACoC,OAAO,CAAC,CAAC,CAACC,QAAQ,CAAC;MAChC,CAAC,CAAC;IACJ;IACA,OAAOf,KAAK;EACd,CAAC,EAAE,CACDH,YAAY,EACZT,UAAU,EACVX,SAAS,EACTK,SAAS,EACTC,SAAS,EACT9B,aAAa,EACbC,aAAa,CACd,CAAC;;EAEF;;EAEA,MAAM8D,aAAa,GAAGtG,WAAW,CAC/B,CAACuG,KAAa,EAAEC,gBAAyB,KAAK;IAC5C,IAAIA,gBAAgB,EAAE;MACpB3C,qBAAqB,CAAC,CAAC;IACzB,CAAC,MAAM;MACLC,oBAAoB,CAAC,CAAC;MACtBF,kBAAkB,CAAC,CAAC;IACtB;;IAEA;IACA,MAAMI,CAAC,GAAG5C,eAAe,CAACmF,KAAK,EAAExC,SAAS,CAAC;IAC3C,MAAMoC,OAAO,GAAGjF,gBAAgB,CAAC8C,CAAC,CAAC;IACnCoB,eAAe,CAAEqB,UAAU,IAAK;MAC9B,IAAIjC,IAAI,CAACkC,GAAG,CAACH,KAAK,GAAGE,UAAU,CAAC,IAAI,CAAC,EAAE;QACrC,OAAOF,KAAK;MACd;MACA,OAAOE,UAAU;IACnB,CAAC,CAAC;;IAEF;IACA,IAAIvB,gBAAgB,CAACyB,OAAO,EAAE;MAC5BC,YAAY,CAAC1B,gBAAgB,CAACyB,OAAO,CAAC;IACxC;IACAzB,gBAAgB,CAACyB,OAAO,GAAGE,UAAU,CAAC,MAAM;MAC1CzE,YAAY,CAAC4B,CAAC,EAAEmC,OAAO,CAAC;IAC1B,CAAC,EAAE/C,gBAAgB,CAAC;EACtB,CAAC,EACD,CACEW,SAAS,EACT3B,YAAY,EACZgB,gBAAgB,EAChBS,qBAAqB,EACrBC,oBAAoB,EACpBF,kBAAkB,CAEtB,CAAC;EAED,MAAMkD,kBAAkB,GAAG9G,WAAW,CACnCuG,KAAa,IAAK;IACjBzC,oBAAoB,CAAC,CAAC;IACtBF,kBAAkB,CAAC,CAAC;IACpB,MAAMI,CAAC,GAAG5C,eAAe,CAACmF,KAAK,EAAExC,SAAS,CAAC;IAC3C,MAAMoC,OAAO,GAAGjF,gBAAgB,CAAC8C,CAAC,CAAC;IACnCiB,iBAAiB,CAACkB,OAAO,CAAC;IAC1Bf,eAAe,CAACmB,KAAK,CAAC;IACtBnE,YAAY,CAAC4B,CAAC,EAAEmC,OAAO,CAAC;EAC1B,CAAC,EACD,CAACpC,SAAS,EAAE3B,YAAY,EAAE0B,oBAAoB,EAAEF,kBAAkB,CACpE,CAAC;;EAED;EACAhD,mBAAmB,CACjB,MAAM4D,IAAI,CAACuC,KAAK,CAAC,CAACpC,UAAU,CAACqC,KAAK,GAAGvE,WAAW,CAAC,EACjD,CAAC8D,KAAK,EAAEU,IAAI,KAAK;IACf,IACEV,KAAK,KAAKU,IAAI,IACdV,KAAK,IAAInC,SAAS,IAClBmC,KAAK,IAAIlC,SAAS,EAClB;MACAQ,aAAa,CAACmC,KAAK,GAAGT,KAAK;MAC3B,MAAMW,YAAY,GAAGD,IAAI,KAAK,IAAI,GAAGzC,IAAI,CAACkC,GAAG,CAACH,KAAK,GAAGU,IAAI,CAAC,GAAG,CAAC;MAC/D,MAAME,YAAY,GAAGD,YAAY,GAAG3D,sBAAsB;MAE1D,IAAI4D,YAAY,IAAI,CAACrC,UAAU,CAACkC,KAAK,EAAE;QACrClC,UAAU,CAACkC,KAAK,GAAG,IAAI;QACvBnG,OAAO,CAACyF,aAAa,CAAC,CAACC,KAAK,EAAE,IAAI,CAAC;MACrC,CAAC,MAAM,IAAI,CAACY,YAAY,IAAIrC,UAAU,CAACkC,KAAK,EAAE;QAC5ClC,UAAU,CAACkC,KAAK,GAAG,KAAK;QACxBnG,OAAO,CAACyF,aAAa,CAAC,CAACC,KAAK,EAAE,KAAK,CAAC;MACtC,CAAC,MAAM,IAAI,CAACY,YAAY,EAAE;QACxBtG,OAAO,CAACyF,aAAa,CAAC,CAACC,KAAK,EAAE,KAAK,CAAC;MACtC;MACA,IAAIY,YAAY,IAAIrC,UAAU,CAACkC,KAAK,EAAE;QACpCnG,OAAO,CAACyF,aAAa,CAAC,CAACC,KAAK,EAAE,IAAI,CAAC;MACrC;IACF;EACF,CAAC,EACD,CAAC9D,WAAW,EAAE2B,SAAS,EAAEC,SAAS,EAAEd,sBAAsB,CAC5D,CAAC;;EAED;EACA,MAAM6D,GAAG,GAAGtG,OAAO,CAACuG,GAAG,CAAC,CAAC,CACtBC,OAAO,CAAC,MAAM;IACb1C,QAAQ,CAACoC,KAAK,GAAGrC,UAAU,CAACqC,KAAK;EACnC,CAAC,CAAC,CACDO,QAAQ,CAAEC,KAAK,IAAK;IACnB7C,UAAU,CAACqC,KAAK,GAAGpC,QAAQ,CAACoC,KAAK,GAAGQ,KAAK,CAACC,YAAY;EACxD,CAAC,CAAC,CACDC,KAAK,CAAEF,KAAK,IAAK;IAChB7C,UAAU,CAACqC,KAAK,GAAGtG,SAAS,CAC1B;MACEiH,QAAQ,EAAEH,KAAK,CAACI,SAAS;MACzBC,YAAY,EAAE;IAChB,CAAC,EACAC,QAAQ,IAAK;MACZ,IAAIA,QAAQ,EAAE;QACZ,MAAMC,aAAa,GAAG,CAAC3D,SAAS,GAAG3B,WAAW;QAC9C,MAAMuF,aAAa,GAAG,CAAC3D,SAAS,GAAG5B,WAAW;QAC9C,MAAMwF,QAAQ,GAAGzD,IAAI,CAACkB,GAAG,CACvBlB,IAAI,CAACgB,GAAG,CAACb,UAAU,CAACqC,KAAK,EAAEgB,aAAa,CAAC,EACzCD,aACF,CAAC;QACD,MAAMG,YAAY,GAAG1D,IAAI,CAACuC,KAAK,CAACkB,QAAQ,GAAGxF,WAAW,CAAC;QACvD,MAAM0F,QAAQ,GAAGD,YAAY,GAAGzF,WAAW;QAC3CkC,UAAU,CAACqC,KAAK,GAAGrG,UAAU,CAC3BwH,QAAQ,EACR;UAAEC,QAAQ,EAAE;QAAI,CAAC,EAChBC,IAAI,IAAK;UACR,IAAIA,IAAI,EAAE;YACRvD,UAAU,CAACkC,KAAK,GAAG,KAAK;YACxB,MAAMT,KAAK,GAAG/B,IAAI,CAACuC,KAAK,CAAC,CAACoB,QAAQ,GAAG1F,WAAW,CAAC;YACjD5B,OAAO,CAACiG,kBAAkB,CAAC,CAACP,KAAK,CAAC;UACpC;QACF,CACF,CAAC;MACH;IACF,CACF,CAAC;EACH,CAAC,CAAC;EAEJ,MAAM+B,aAAa,GAAG7H,gBAAgB,CACpC,OAAO;IACL8H,SAAS,EAAE,CAAC;MAAE5D,UAAU,EAAEA,UAAU,CAACqC;IAAM,CAAC;EAC9C,CAAC,CAAC,EACF,CAACrC,UAAU,CACb,CAAC;;EAED;EACA,MAAM6D,WAAW,GAAG,IAAIvE,IAAI,CAACe,cAAc,CAAC;EAC5C,MAAMyD,aAAa,GAAGD,WAAW,CAACE,kBAAkB,CAAC,OAAO,EAAE;IAC5DC,OAAO,EAAE,MAAM;IACfC,KAAK,EAAE,MAAM;IACbC,GAAG,EAAE;EACP,CAAC,CAAC;EACF,MAAMC,WAAW,GAAGN,WAAW,CAACO,WAAW,CAAC,CAAC;EAC7C,MAAMC,WAAW,GAAG,IAAI/E,IAAI,CAAC,CAAC,CAAC8E,WAAW,CAAC,CAAC;EAC5C,MAAME,QAAQ,GAAGH,WAAW,KAAKE,WAAW;EAC5C,MAAME,eAAe,GACnBlE,cAAc,KAAK9D,gBAAgB,CAAC,IAAI+C,IAAI,CAACF,SAAS,CAAC,CAAC;EAE1D,MAAMoF,kBAAkB,GAAGnJ,WAAW,CAAC,MAAM;IAC3C8D,oBAAoB,CAAC,CAAC;IACtBa,UAAU,CAACqC,KAAK,GAAGrG,UAAU,CAAC,CAAC,EAAE;MAAEyH,QAAQ,EAAE;IAAI,CAAC,CAAC;IACnD,MAAMgB,QAAQ,GAAGlI,gBAAgB,CAAC,IAAI+C,IAAI,CAACF,SAAS,CAAC,CAAC;IACtDkB,iBAAiB,CAACmE,QAAQ,CAAC;IAC3BhE,eAAe,CAAC,CAAC,CAAC;IAClBhD,YAAY,CAAC,IAAI6B,IAAI,CAACF,SAAS,CAAC,EAAEqF,QAAQ,CAAC;EAC7C,CAAC,EAAE,CAACrF,SAAS,EAAE3B,YAAY,EAAE0B,oBAAoB,EAAEa,UAAU,CAAC,CAAC;;EAE/D;EACA,oBACE9C,KAAA,CAAC3B,IAAI;IACHmJ,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChB;MAAE1G,MAAM;MAAE2G,eAAe,EAAE7F,MAAM,CAAC6F;IAAgB,CAAC,CACnD;IAAAC,QAAA,GAGD/F,YAAY,GACXA,YAAY,CAAC8E,WAAW,EAAEU,eAAe,EAAEC,kBAAkB,CAAC,gBAE9DtH,KAAA,CAAC3B,IAAI;MAACmJ,KAAK,EAAEC,MAAM,CAACI,eAAgB;MAAAD,QAAA,gBAClC5H,KAAA,CAAC3B,IAAI;QAACmJ,KAAK,EAAEC,MAAM,CAACK,UAAW;QAAAF,QAAA,gBAC7B9H,IAAA,CAACxB,IAAI;UACHkJ,KAAK,EAAE,CAACC,MAAM,CAACM,QAAQ,EAAE;YAAEC,KAAK,EAAElG,MAAM,CAACmG;UAAW,CAAC,CAAE;UAAAL,QAAA,EAEtDR,QAAQ,GAAGH,WAAW,GAAG;QAAE,CACxB,CAAC,eACPnH,IAAA,CAACxB,IAAI;UACHkJ,KAAK,EAAE,CACLC,MAAM,CAACS,QAAQ,EACf;YAAEF,KAAK,EAAElG,MAAM,CAACqG;UAAY,CAAC,CAC7B;UAAAP,QAAA,EAEDhB;QAAa,CACV,CAAC;MAAA,CACH,CAAC,EAENhF,gBAAgB,IAAI,CAACyF,eAAe,iBACnCvH,IAAA,CAACrB,gBAAgB;QACf2J,OAAO,EAAEd,kBAAmB;QAC5BE,KAAK,EAAEC,MAAM,CAACY,QAAS;QAAAT,QAAA,eAEvB9H,IAAA,CAACxB,IAAI;UACHkJ,KAAK,EAAE,CACLC,MAAM,CAACa,SAAS,EAChB;YAAEN,KAAK,EAAElG,MAAM,CAACqG;UAAY,CAAC,CAC7B;UAAAP,QAAA,EACH;QAED,CAAM;MAAC,CACS,CACnB;IAAA,CACG,CACP,eAGD9H,IAAA,CAACZ,eAAe;MAACqJ,OAAO,EAAEhD,GAAI;MAAAqC,QAAA,eAC5B5H,KAAA,CAAC3B,IAAI;QAACmJ,KAAK,EAAE,CAACC,MAAM,CAACe,cAAc,EAAE;UAAExH,MAAM,EAAEC;QAAY,CAAC,CAAE;QAAA2G,QAAA,gBAC5D9H,IAAA,CAACzB,IAAI;UACHmJ,KAAK,EAAE,CACLC,MAAM,CAACgB,eAAe,EACtB;YACEd,eAAe,EAAE7F,MAAM,CAAC4G,cAAc;YACtCvI,KAAK,EAAEe,cAAc;YACrBF,MAAM,EAAEG;UACV,CAAC;QACD,CACH,CAAC,eAEFrB,IAAA,CAACpB,QAAQ,CAACL,IAAI;UAACmJ,KAAK,EAAE,CAACC,MAAM,CAACkB,YAAY,EAAElC,aAAa,CAAE;UAAAmB,QAAA,EACxDpE,YAAY,CAACoF,GAAG,CAAEC,IAAc,iBAC/B/I,IAAA,CAACF,IAAI;YAEHoE,MAAM,EAAE6E,IAAI,CAAC7E,MAAO;YACpBC,SAAS,EAAE4E,IAAI,CAAC5E,SAAU;YAC1BC,OAAO,EAAE2E,IAAI,CAAC3E,OAAQ;YACtBC,aAAa,EAAE0E,IAAI,CAAC1E,aAAc;YAClCG,OAAO,EAAEuE,IAAI,CAACvE,OAAQ;YACtB1D,WAAW,EAAEA,WAAY;YACzBC,UAAU,EAAEA,UAAW;YACvBC,cAAc,EAAEA,cAAe;YAC/BC,aAAa,EAAEA,aAAc;YAC7B+H,SAAS,EAAEhH,MAAM,CAACgH,SAAU;YAC5BC,aAAa,EAAEjH,MAAM,CAACiH,aAAc;YACpCd,UAAU,EAAEnG,MAAM,CAACmG,UAAW;YAC9BE,WAAW,EAAErG,MAAM,CAACqG,WAAY;YAChC/G,YAAY,EAAEA,YAAa;YAC3BC,aAAa,EAAEA,aAAc;YAC7BJ,WAAW,EAAEA;UAAY,GAhBpB4H,IAAI,CAAC7E,MAiBX,CACF;QAAC,CACW,CAAC;MAAA,CACZ;IAAC,CACQ,CAAC;EAAA,CACd,CAAC;AAEX;AAEA,MAAMyD,MAAM,GAAGlJ,UAAU,CAACyK,MAAM,CAAC;EAC/BtB,SAAS,EAAE;IACTuB,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,QAAQ,EAAE;EACZ,CAAC;EACDtB,eAAe,EAAE;IACfuB,aAAa,EAAE,KAAK;IACpBF,UAAU,EAAE,QAAQ;IACpBD,cAAc,EAAE,QAAQ;IACxB9I,KAAK,EAAE,MAAM;IACbkJ,iBAAiB,EAAE,EAAE;IACrBC,YAAY,EAAE,EAAE;IAChBtI,MAAM,EAAE;EACV,CAAC;EACD8G,UAAU,EAAE;IACVoB,UAAU,EAAE;EACd,CAAC;EACDnB,QAAQ,EAAE;IACRwB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBF,YAAY,EAAE;EAChB,CAAC;EACDpB,QAAQ,EAAE;IACRqB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd,CAAC;EACDnB,QAAQ,EAAE;IACRoB,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE,EAAE;IACTC,eAAe,EAAE,CAAC;IAClBN,iBAAiB,EAAE,EAAE;IACrBO,YAAY,EAAE,EAAE;IAChBjC,eAAe,EAAE;EACnB,CAAC;EACDW,SAAS,EAAE;IACTiB,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd,CAAC;EACDhB,cAAc,EAAE;IACdrI,KAAK,EAAEF,YAAY;IACnBwJ,QAAQ,EAAE,UAAU;IACpBL,aAAa,EAAE,KAAK;IACpBF,UAAU,EAAE,UAAU;IACtBD,cAAc,EAAE;EAClB,CAAC;EACDR,eAAe,EAAE;IACfgB,QAAQ,EAAE,UAAU;IACpBI,MAAM,EAAE,EAAE;IACVC,MAAM,EAAE;EACV,CAAC;EACDnB,YAAY,EAAE;IACZc,QAAQ,EAAE,UAAU;IACpBzI,MAAM,EAAE,MAAM;IACdb,KAAK,EAAE,CAAC;IACR4J,IAAI,EAAE9J,YAAY,GAAG;EACvB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","RulerRoot","RulerHeader","RulerTrack","RulerIndicator","RulerTicks","RulerLensTrack","jsx","_jsx","jsxs","_jsxs","RulerDatePicker","props","header","indicator","lensEffect","rootProps","isHeaderVisible","headerConfig","undefined","isIndicatorVisible","indicatorConfig","children"],"sourceRoot":"../../src","sources":["RulerDatePicker.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,SAAS,QAAQ,gBAAa;AACvC,SAASC,WAAW,QAAQ,kBAAe;AAC3C,SAASC,UAAU,QAAQ,iBAAc;AACzC,SAASC,cAAc,QAAQ,qBAAkB;AACjD,SAASC,UAAU,QAAQ,iBAAc;AACzC,SAASC,cAAc,QAAQ,qBAAkB;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAnBA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAoBA,OAAO,SAASC,eAAeA,CAACC,KAA2B,EAAE;EAC3D,MAAM;IACJC,MAAM,GAAG,IAAI;IACbC,SAAS,GAAG,IAAI;IAChBC,UAAU;IACV,GAAGC;EACL,CAAC,GAAGJ,KAAK;;EAET;EACA,MAAMK,eAAe,GAAGJ,MAAM,KAAK,KAAK;EACxC,MAAMK,YAAY,GAAG,OAAOL,MAAM,KAAK,QAAQ,GAAGA,MAAM,GAAGM,SAAS;;EAEpE;EACA,MAAMC,kBAAkB,GAAGN,SAAS,KAAK,KAAK;EAC9C,MAAMO,eAAe,GAAG,OAAOP,SAAS,KAAK,QAAQ,GAAGA,SAAS,GAAGK,SAAS;EAE7E,oBACET,KAAA,CAACT,SAAS;IAAA,GACJe,SAAS;IACbH,MAAM,EAAEA,MAAO;IACfE,UAAU,EAAEA,UAAW;IACvBD,SAAS,EAAEO,eAAgB;IAAAC,QAAA,GAE1BL,eAAe,iBAAIT,IAAA,CAACN,WAAW;MAAA,GAAKgB;IAAY,CAAG,CAAC,EACpDH,UAAU,gBACTP,IAAA,CAACF,cAAc,IAAE,CAAC,gBAElBI,KAAA,CAACP,UAAU;MAAAmB,QAAA,GACRF,kBAAkB,iBAAIZ,IAAA,CAACJ,cAAc,IAAE,CAAC,eACzCI,IAAA,CAACH,UAAU,IAAE,CAAC;IAAA,CACJ,CACb;EAAA,CACQ,CAAC;AAEhB","ignoreList":[]}

package/lib/module/RulerDateRangePicker.js

@@ -0,0 +1,52 @@
+"use strict";
+
+import React from 'react';
+import { RulerRangeRoot } from "./RulerRangeRoot.js";
+import { RulerRangeHeader } from "./RulerRangeHeader.js";
+import { RulerRangeTrack } from "./RulerRangeTrack.js";
+
+/**
+ * A performant, customizable horizontal ruler date range picker for React Native & Expo.
+ *
+ * @experimental This component is experimental. The API surface, options, and physics
+ * mechanics may undergo breaking changes in future minor releases as dual-handle
+ * interactions and gestures are refined.
+ *
+ * Features:
+ * - Dual-handle windowed date range selection with connecting highlight strip
+ * - Active handle auto-switching (tap near a handle or tap between to focus)
+ * - 60 FPS scrolling via Reanimated 3 decay physics & snap alignment
+ * - Min/max selectable span in days (`minSpanDays`, `maxSpanDays`)
+ * - Automatic Dark/Light mode theme detection
+ *
+ * @example
+ * ```tsx
+ * <RulerDateRangePicker
+ *   value={{ start: new Date(), end: new Date(Date.now() + 7 * 86400000) }}
+ *   onChange={({ startDate, endDate }) => console.log(startDate, endDate)}
+ * />
+ * ```
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function RulerDateRangePicker(props) {
+  const {
+    header = true,
+    indicator = true,
+    highlight = true,
+    ...rootProps
+  } = props;
+  const isHeaderVisible = header !== false;
+  const headerConfig = typeof header === 'object' ? header : undefined;
+  const indicatorConfig = typeof indicator === 'object' ? indicator : undefined;
+  const highlightConfig = typeof highlight === 'object' ? highlight : undefined;
+  return /*#__PURE__*/_jsxs(RulerRangeRoot, {
+    ...rootProps,
+    header: header,
+    indicator: indicatorConfig,
+    highlight: highlightConfig,
+    children: [isHeaderVisible && /*#__PURE__*/_jsx(RulerRangeHeader, {
+      ...headerConfig
+    }), /*#__PURE__*/_jsx(RulerRangeTrack, {})]
+  });
+}
+//# sourceMappingURL=RulerDateRangePicker.js.map

package/lib/module/RulerDateRangePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","RulerRangeRoot","RulerRangeHeader","RulerRangeTrack","jsx","_jsx","jsxs","_jsxs","RulerDateRangePicker","props","header","indicator","highlight","rootProps","isHeaderVisible","headerConfig","undefined","indicatorConfig","highlightConfig","children"],"sourceRoot":"../../src","sources":["RulerDateRangePicker.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,cAAc,QAAQ,qBAAkB;AACjD,SAASC,gBAAgB,QAAQ,uBAAoB;AACrD,SAASC,eAAe,QAAQ,sBAAmB;;AAEnD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AArBA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAsBA,OAAO,SAASC,oBAAoBA,CAACC,KAAgC,EAAE;EACrE,MAAM;IACJC,MAAM,GAAG,IAAI;IACbC,SAAS,GAAG,IAAI;IAChBC,SAAS,GAAG,IAAI;IAChB,GAAGC;EACL,CAAC,GAAGJ,KAAK;EAET,MAAMK,eAAe,GAAGJ,MAAM,KAAK,KAAK;EACxC,MAAMK,YAAY,GAAG,OAAOL,MAAM,KAAK,QAAQ,GAAGA,MAAM,GAAGM,SAAS;EACpE,MAAMC,eAAe,GAAG,OAAON,SAAS,KAAK,QAAQ,GAAGA,SAAS,GAAGK,SAAS;EAC7E,MAAME,eAAe,GAAG,OAAON,SAAS,KAAK,QAAQ,GAAGA,SAAS,GAAGI,SAAS;EAE7E,oBACET,KAAA,CAACN,cAAc;IAAA,GACTY,SAAS;IACbH,MAAM,EAAEA,MAAO;IACfC,SAAS,EAAEM,eAAgB;IAC3BL,SAAS,EAAEM,eAAgB;IAAAC,QAAA,GAE1BL,eAAe,iBAAIT,IAAA,CAACH,gBAAgB;MAAA,GAAKa;IAAY,CAAG,CAAC,eAC1DV,IAAA,CAACF,eAAe,IAAE,CAAC;EAAA,CACL,CAAC;AAErB","ignoreList":[]}

package/lib/module/RulerHeader.js

@@ -0,0 +1,101 @@
+"use strict";
+
+import React from 'react';
+import { View, Text, StyleSheet } from 'react-native';
+import { useRulerContext } from "./RulerContext.js";
+import { RulerResetButton } from "./RulerResetButton.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export function RulerHeader({
+  children,
+  style,
+  dateStyle,
+  yearStyle,
+  showResetToToday: customShowReset,
+  resetLabel: customResetLabel,
+  format: customFormat,
+  render
+} = {}) {
+  const {
+    selectedDate,
+    isTodaySelected,
+    resetToToday,
+    theme,
+    headerConfig,
+    locale = 'default'
+  } = useRulerContext();
+  const headerStyle = style ?? headerConfig?.style;
+  if (children) {
+    return /*#__PURE__*/_jsx(View, {
+      style: [styles.headerContainer, headerStyle],
+      children: children
+    });
+  }
+  const customRenderer = render ?? headerConfig?.render;
+  if (customRenderer) {
+    return /*#__PURE__*/_jsx(_Fragment, {
+      children: customRenderer(selectedDate, isTodaySelected, resetToToday)
+    });
+  }
+  const showReset = customShowReset ?? headerConfig?.showResetToToday ?? false;
+  const resetLabel = customResetLabel ?? headerConfig?.resetLabel;
+  const formatFn = customFormat ?? headerConfig?.format;
+  const displayFormat = formatFn ? formatFn(selectedDate) : selectedDate.toLocaleDateString(locale, {
+    weekday: 'long',
+    month: 'long',
+    day: 'numeric'
+  });
+  const displayYear = selectedDate.getFullYear();
+  const currentYear = new Date().getFullYear();
+  const showYear = !formatFn && displayYear !== currentYear;
+  const resolvedDateStyle = dateStyle ?? headerConfig?.dateStyle;
+  const resolvedYearStyle = yearStyle ?? headerConfig?.yearStyle;
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.headerContainer, headerStyle],
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.dateHeader,
+      children: [showYear && /*#__PURE__*/_jsx(Text, {
+        style: [styles.yearText, {
+          color: theme.labelColor
+        }, resolvedYearStyle],
+        children: displayYear
+      }), /*#__PURE__*/_jsx(Text, {
+        style: [styles.dateText, {
+          color: theme.accentColor
+        }, resolvedDateStyle],
+        children: displayFormat
+      })]
+    }), showReset && !isTodaySelected && /*#__PURE__*/_jsx(RulerResetButton, {
+      style: styles.resetBtnPosition,
+      label: resetLabel
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  headerContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    width: '100%',
+    paddingHorizontal: 20,
+    marginBottom: 16,
+    minHeight: 40,
+    position: 'relative'
+  },
+  dateHeader: {
+    alignItems: 'center'
+  },
+  yearText: {
+    fontSize: 12,
+    fontWeight: '500',
+    marginBottom: 2
+  },
+  dateText: {
+    fontSize: 18,
+    fontWeight: '600'
+  },
+  resetBtnPosition: {
+    position: 'absolute',
+    right: 20
+  }
+});
+//# sourceMappingURL=RulerHeader.js.map

package/lib/module/RulerHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","StyleSheet","useRulerContext","RulerResetButton","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","RulerHeader","children","style","dateStyle","yearStyle","showResetToToday","customShowReset","resetLabel","customResetLabel","format","customFormat","render","selectedDate","isTodaySelected","resetToToday","theme","headerConfig","locale","headerStyle","styles","headerContainer","customRenderer","showReset","formatFn","displayFormat","toLocaleDateString","weekday","month","day","displayYear","getFullYear","currentYear","Date","showYear","resolvedDateStyle","resolvedYearStyle","dateHeader","yearText","color","labelColor","dateText","accentColor","resetBtnPosition","label","create","flexDirection","alignItems","justifyContent","width","paddingHorizontal","marginBottom","minHeight","position","fontSize","fontWeight","right"],"sourceRoot":"../../src","sources":["RulerHeader.tsx"],"mappings":"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","ignoreList":[]}