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

package/lib/commonjs/RulerIndicator.js

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RulerIndicator = RulerIndicator;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _RulerContext = require("./RulerContext.js");
+var _defaults = require("./defaults.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function RulerIndicator({
+  children,
+  width: customWidth,
+  height: customHeight,
+  color: customColor,
+  offset: customOffset,
+  style,
+  render
+} = {}) {
+  const {
+    indicatorConfig,
+    theme
+  } = (0, _RulerContext.useRulerContext)();
+  const customRenderer = render ?? indicatorConfig?.render;
+  const offset = customOffset ?? indicatorConfig?.offset ?? [0, 0];
+  const [offsetX = 0, offsetY = 0] = offset;
+  const indicatorStyle = style ?? indicatorConfig?.style;
+  if (children || customRenderer) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      pointerEvents: "none",
+      style: [styles.indicator, {
+        bottom: offsetY,
+        transform: [{
+          translateX: offsetX
+        }]
+      }, indicatorStyle],
+      children: children ?? customRenderer?.()
+    });
+  }
+  const width = customWidth ?? indicatorConfig?.width ?? _defaults.DEFAULTS.indicatorWidth;
+  const height = customHeight ?? indicatorConfig?.height ?? _defaults.DEFAULTS.indicatorHeight;
+  const color = customColor ?? indicatorConfig?.color ?? theme.indicatorColor;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    pointerEvents: "none",
+    style: [styles.indicator, {
+      bottom: offsetY,
+      transform: [{
+        translateX: offsetX
+      }],
+      width,
+      height,
+      backgroundColor: color,
+      borderRadius: width / 2
+    }, indicatorStyle]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  indicator: {
+    position: 'absolute',
+    zIndex: 10,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=RulerIndicator.js.map

package/lib/commonjs/RulerIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_RulerContext","_defaults","_jsxRuntime","e","__esModule","default","RulerIndicator","children","width","customWidth","height","customHeight","color","customColor","offset","customOffset","style","render","indicatorConfig","theme","useRulerContext","customRenderer","offsetX","offsetY","indicatorStyle","jsx","View","pointerEvents","styles","indicator","bottom","transform","translateX","DEFAULTS","indicatorWidth","indicatorHeight","indicatorColor","backgroundColor","borderRadius","StyleSheet","create","position","zIndex","alignItems","justifyContent"],"sourceRoot":"../../src","sources":["RulerIndicator.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AAAsC,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAgB/B,SAASG,cAAcA,CAAC;EAC7BC,QAAQ;EACRC,KAAK,EAAEC,WAAW;EAClBC,MAAM,EAAEC,YAAY;EACpBC,KAAK,EAAEC,WAAW;EAClBC,MAAM,EAAEC,YAAY;EACpBC,KAAK;EACLC;AACmB,CAAC,GAAG,CAAC,CAAC,EAAE;EAC3B,MAAM;IAAEC,eAAe;IAAEC;EAAM,CAAC,GAAG,IAAAC,6BAAe,EAAC,CAAC;EAEpD,MAAMC,cAAc,GAAGJ,MAAM,IAAIC,eAAe,EAAED,MAAM;EACxD,MAAMH,MAAM,GAAGC,YAAY,IAAIG,eAAe,EAAEJ,MAAM,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC;EAChE,MAAM,CAACQ,OAAO,GAAG,CAAC,EAAEC,OAAO,GAAG,CAAC,CAAC,GAAGT,MAAM;EACzC,MAAMU,cAAc,GAAGR,KAAK,IAAIE,eAAe,EAAEF,KAAK;EAEtD,IAAIT,QAAQ,IAAIc,cAAc,EAAE;IAC9B,oBACE,IAAAnB,WAAA,CAAAuB,GAAA,EAAC1B,YAAA,CAAA2B,IAAI;MACHC,aAAa,EAAC,MAAM;MACpBX,KAAK,EAAE,CACLY,MAAM,CAACC,SAAS,EAChB;QACEC,MAAM,EAAEP,OAAO;QACfQ,SAAS,EAAE,CAAC;UAAEC,UAAU,EAAEV;QAAQ,CAAC;MACrC,CAAC,EACDE,cAAc,CACd;MAAAjB,QAAA,EAEDA,QAAQ,IAAIc,cAAc,GAAG;IAAC,CAC3B,CAAC;EAEX;EAEA,MAAMb,KAAK,GAAGC,WAAW,IAAIS,eAAe,EAAEV,KAAK,IAAIyB,kBAAQ,CAACC,cAAc;EAC9E,MAAMxB,MAAM,GAAGC,YAAY,IAAIO,eAAe,EAAER,MAAM,IAAIuB,kBAAQ,CAACE,eAAe;EAClF,MAAMvB,KAAK,GAAGC,WAAW,IAAIK,eAAe,EAAEN,KAAK,IAAIO,KAAK,CAACiB,cAAc;EAE3E,oBACE,IAAAlC,WAAA,CAAAuB,GAAA,EAAC1B,YAAA,CAAA2B,IAAI;IACHC,aAAa,EAAC,MAAM;IACpBX,KAAK,EAAE,CACLY,MAAM,CAACC,SAAS,EAChB;MACEC,MAAM,EAAEP,OAAO;MACfQ,SAAS,EAAE,CAAC;QAAEC,UAAU,EAAEV;MAAQ,CAAC,CAAC;MACpCd,KAAK;MACLE,MAAM;MACN2B,eAAe,EAAEzB,KAAK;MACtB0B,YAAY,EAAE9B,KAAK,GAAG;IACxB,CAAC,EACDgB,cAAc;EACd,CACH,CAAC;AAEN;AAEA,MAAMI,MAAM,GAAGW,uBAAU,CAACC,MAAM,CAAC;EAC/BX,SAAS,EAAE;IACTY,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/RulerLensTicks.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RulerLensTicks = RulerLensTicks;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _RulerContext = require("./RulerContext.js");
+var _LensTick = require("./LensTick.js");
+var _defaults = require("./defaults.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Ticks container rendering ticks with dynamic non-linear fisheye lens spacing.
+ */
+function RulerLensTicks({
+  style,
+  config: propConfig
+} = {}) {
+  const {
+    translateX,
+    visibleTicks,
+    tickSpacing,
+    rulerHeight,
+    lensConfig: contextConfig
+  } = (0, _RulerContext.useRulerContext)();
+  const config = propConfig ? {
+    ..._defaults.DEFAULT_LENS_CONFIG,
+    ...propConfig
+  } : contextConfig ?? _defaults.DEFAULT_LENS_CONFIG;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    pointerEvents: "none",
+    style: [styles.ticksContainer, style],
+    children: visibleTicks.map(tick => /*#__PURE__*/(0, _jsxRuntime.jsx)(_LensTick.LensTick, {
+      tick: tick,
+      tickSpacing: tickSpacing,
+      rulerHeight: rulerHeight,
+      translateX: translateX,
+      magnification: config.magnification,
+      radius: config.radius,
+      scaleTicks: config.scaleTicks
+    }, tick.offset))
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  ticksContainer: {
+    position: 'absolute',
+    height: '100%',
+    width: '100%',
+    left: 0,
+    top: 0
+  }
+});
+//# sourceMappingURL=RulerLensTicks.js.map

package/lib/commonjs/RulerLensTicks.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_RulerContext","_LensTick","_defaults","_jsxRuntime","e","__esModule","default","RulerLensTicks","style","config","propConfig","translateX","visibleTicks","tickSpacing","rulerHeight","lensConfig","contextConfig","useRulerContext","DEFAULT_LENS_CONFIG","jsx","View","pointerEvents","styles","ticksContainer","children","map","tick","LensTick","magnification","radius","scaleTicks","offset","StyleSheet","create","position","height","width","left","top"],"sourceRoot":"../../src","sources":["RulerLensTicks.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AAAiD,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAQjD;AACA;AACA;AACO,SAASG,cAAcA,CAAC;EAAEC,KAAK;EAAEC,MAAM,EAAEC;AAAgC,CAAC,GAAG,CAAC,CAAC,EAAE;EACtF,MAAM;IAAEC,UAAU;IAAEC,YAAY;IAAEC,WAAW;IAAEC,WAAW;IAAEC,UAAU,EAAEC;EAAc,CAAC,GACrF,IAAAC,6BAAe,EAAC,CAAC;EAEnB,MAAMR,MAAM,GAAGC,UAAU,GACrB;IAAE,GAAGQ,6BAAmB;IAAE,GAAGR;EAAW,CAAC,GACzCM,aAAa,IAAIE,6BAAmB;EAExC,oBACE,IAAAf,WAAA,CAAAgB,GAAA,EAACpB,YAAA,CAAAqB,IAAI;IAACC,aAAa,EAAC,MAAM;IAACb,KAAK,EAAE,CAACc,MAAM,CAACC,cAAc,EAAEf,KAAK,CAAE;IAAAgB,QAAA,EAC9DZ,YAAY,CAACa,GAAG,CAAEC,IAAI,iBACrB,IAAAvB,WAAA,CAAAgB,GAAA,EAAClB,SAAA,CAAA0B,QAAQ;MAEPD,IAAI,EAAEA,IAAK;MACXb,WAAW,EAAEA,WAAY;MACzBC,WAAW,EAAEA,WAAY;MACzBH,UAAU,EAAEA,UAAW;MACvBiB,aAAa,EAAEnB,MAAM,CAACmB,aAAc;MACpCC,MAAM,EAAEpB,MAAM,CAACoB,MAAO;MACtBC,UAAU,EAAErB,MAAM,CAACqB;IAAW,GAPzBJ,IAAI,CAACK,MAQX,CACF;EAAC,CACE,CAAC;AAEX;AAEA,MAAMT,MAAM,GAAGU,uBAAU,CAACC,MAAM,CAAC;EAC/BV,cAAc,EAAE;IACdW,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,MAAM;IACdC,KAAK,EAAE,MAAM;IACbC,IAAI,EAAE,CAAC;IACPC,GAAG,EAAE;EACP;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/RulerLensTrack.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RulerLensTrack = RulerLensTrack;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _RulerContext = require("./RulerContext.js");
+var _RulerIndicator = require("./RulerIndicator.js");
+var _RulerLensTicks = require("./RulerLensTicks.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Horizontal ruler track with pan gesture detection and non-linear fisheye lens distortion.
+ */
+function RulerLensTrack({
+  children,
+  style,
+  config
+} = {}) {
+  const {
+    panGesture,
+    rulerHeight,
+    width
+  } = (0, _RulerContext.useRulerContext)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector, {
+    gesture: panGesture,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.rulerContainer, {
+        width,
+        height: rulerHeight
+      }, style],
+      children: children ? children : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_RulerIndicator.RulerIndicator, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RulerLensTicks.RulerLensTicks, {
+          config: config
+        })]
+      })
+    })
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  rulerContainer: {
+    position: 'relative',
+    flexDirection: 'row',
+    alignItems: 'flex-end',
+    justifyContent: 'center',
+    overflow: 'hidden'
+  }
+});
+//# sourceMappingURL=RulerLensTrack.js.map

package/lib/commonjs/RulerLensTrack.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeGestureHandler","_RulerContext","_RulerIndicator","_RulerLensTicks","_jsxRuntime","e","__esModule","default","RulerLensTrack","children","style","config","panGesture","rulerHeight","width","useRulerContext","jsx","GestureDetector","gesture","View","styles","rulerContainer","height","jsxs","Fragment","RulerIndicator","RulerLensTicks","StyleSheet","create","position","flexDirection","alignItems","justifyContent","overflow"],"sourceRoot":"../../src","sources":["RulerLensTrack.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,0BAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAL,OAAA;AAAkD,IAAAM,WAAA,GAAAN,OAAA;AAAA,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AASlD;AACA;AACA;AACO,SAASG,cAAcA,CAAC;EAAEC,QAAQ;EAAEC,KAAK;EAAEC;AAA4B,CAAC,GAAG,CAAC,CAAC,EAAE;EACpF,MAAM;IAAEC,UAAU;IAAEC,WAAW;IAAEC;EAAM,CAAC,GAAG,IAAAC,6BAAe,EAAC,CAAC;EAE5D,oBACE,IAAAX,WAAA,CAAAY,GAAA,EAAChB,0BAAA,CAAAiB,eAAe;IAACC,OAAO,EAAEN,UAAW;IAAAH,QAAA,eACnC,IAAAL,WAAA,CAAAY,GAAA,EAACjB,YAAA,CAAAoB,IAAI;MAACT,KAAK,EAAE,CAACU,MAAM,CAACC,cAAc,EAAE;QAAEP,KAAK;QAAEQ,MAAM,EAAET;MAAY,CAAC,EAAEH,KAAK,CAAE;MAAAD,QAAA,EACzEA,QAAQ,GACPA,QAAQ,gBAER,IAAAL,WAAA,CAAAmB,IAAA,EAAAnB,WAAA,CAAAoB,QAAA;QAAAf,QAAA,gBACE,IAAAL,WAAA,CAAAY,GAAA,EAACd,eAAA,CAAAuB,cAAc,IAAE,CAAC,eAClB,IAAArB,WAAA,CAAAY,GAAA,EAACb,eAAA,CAAAuB,cAAc;UAACf,MAAM,EAAEA;QAAO,CAAE,CAAC;MAAA,CAClC;IACH,CACG;EAAC,CACQ,CAAC;AAEtB;AAEA,MAAMS,MAAM,GAAGO,uBAAU,CAACC,MAAM,CAAC;EAC/BP,cAAc,EAAE;IACdQ,QAAQ,EAAE,UAAU;IACpBC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,UAAU;IACtBC,cAAc,EAAE,QAAQ;IACxBC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/RulerRange.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RulerRange = void 0;
+var _RulerRangeRoot = require("./RulerRangeRoot.js");
+var _RulerRangeTrack = require("./RulerRangeTrack.js");
+var _RulerRangeHeader = require("./RulerRangeHeader.js");
+var _RulerRangeIndicator = require("./RulerRangeIndicator.js");
+var _RulerRangeHighlight = require("./RulerRangeHighlight.js");
+var _RulerRangeTicks = require("./RulerRangeTicks.js");
+var _Tick = require("./Tick.js");
+/**
+ * Compound Anatomy API for Date Range Ruler Picker.
+ *
+ * @experimental This compound API is experimental and subject to breaking changes.
+ *
+ * @example
+ * ```tsx
+ * <RulerRange.Root value={range} onChange={setRange}>
+ *   <RulerRange.Header />
+ *   <RulerRange.Track>
+ *     <RulerRange.Indicator />
+ *     <RulerRange.Ticks />
+ *   </RulerRange.Track>
+ * </RulerRange.Root>
+ * ```
+ */
+const RulerRange = exports.RulerRange = {
+  Root: _RulerRangeRoot.RulerRangeRoot,
+  Track: _RulerRangeTrack.RulerRangeTrack,
+  Indicator: _RulerRangeIndicator.RulerRangeIndicator,
+  Header: _RulerRangeHeader.RulerRangeHeader,
+  Highlight: _RulerRangeHighlight.RulerRangeHighlight,
+  Ticks: _RulerRangeTicks.RulerRangeTicks,
+  Tick: _Tick.Tick
+};
+//# sourceMappingURL=RulerRange.js.map

package/lib/commonjs/RulerRange.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_RulerRangeRoot","require","_RulerRangeTrack","_RulerRangeHeader","_RulerRangeIndicator","_RulerRangeHighlight","_RulerRangeTicks","_Tick","RulerRange","exports","Root","RulerRangeRoot","Track","RulerRangeTrack","Indicator","RulerRangeIndicator","Header","RulerRangeHeader","Highlight","RulerRangeHighlight","Ticks","RulerRangeTicks","Tick"],"sourceRoot":"../../src","sources":["RulerRange.ts"],"mappings":";;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,oBAAA,GAAAH,OAAA;AACA,IAAAI,oBAAA,GAAAJ,OAAA;AACA,IAAAK,gBAAA,GAAAL,OAAA;AACA,IAAAM,KAAA,GAAAN,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMO,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG;EACxBE,IAAI,EAAEC,8BAAc;EACpBC,KAAK,EAAEC,gCAAe;EACtBC,SAAS,EAAEC,wCAAmB;EAC9BC,MAAM,EAAEC,kCAAgB;EACxBC,SAAS,EAAEC,wCAAmB;EAC9BC,KAAK,EAAEC,gCAAe;EACtBC,IAAI,EAAEA;AACR,CAAC","ignoreList":[]}

package/lib/commonjs/RulerRangeContext.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RulerRangeContext = void 0;
+exports.useRulerRangeContext = useRulerRangeContext;
+var _react = require("react");
+const RulerRangeContext = exports.RulerRangeContext = /*#__PURE__*/(0, _react.createContext)(null);
+function useRulerRangeContext() {
+  const context = (0, _react.useContext)(RulerRangeContext);
+  if (!context) {
+    throw new Error('RulerRange compound subcomponents must be rendered within a <RulerRange.Root> provider.');
+  }
+  return context;
+}
+//# sourceMappingURL=RulerRangeContext.js.map

package/lib/commonjs/RulerRangeContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","RulerRangeContext","exports","createContext","useRulerRangeContext","context","useContext","Error"],"sourceRoot":"../../src","sources":["RulerRangeContext.tsx"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAWO,MAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,gBAAG,IAAAE,oBAAa,EAAgC,IAAI,CAAC;AAE5E,SAASC,oBAAoBA,CAAA,EAA2B;EAC7D,MAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACL,iBAAiB,CAAC;EAC7C,IAAI,CAACI,OAAO,EAAE;IACZ,MAAM,IAAIE,KAAK,CAAC,yFAAyF,CAAC;EAC5G;EACA,OAAOF,OAAO;AAChB","ignoreList":[]}

package/lib/commonjs/RulerRangeHeader.js

@@ -0,0 +1,154 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RulerRangeHeader = RulerRangeHeader;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _RulerRangeContext = require("./RulerRangeContext.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function RulerRangeHeader({
+  children,
+  style,
+  dateStyle,
+  format: customFormat,
+  render
+} = {}) {
+  const {
+    startDate,
+    endDate,
+    spanDays,
+    activeHandle,
+    scrollToHandle,
+    theme,
+    headerConfig,
+    locale = 'default'
+  } = (0, _RulerRangeContext.useRulerRangeContext)();
+  const headerStyle = style ?? headerConfig?.style;
+  if (children) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.headerContainer, headerStyle],
+      children: children
+    });
+  }
+  const customRenderer = render ?? headerConfig?.render;
+  if (customRenderer) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: customRenderer({
+        start: startDate,
+        end: endDate,
+        spanDays,
+        activeHandle,
+        scrollToHandle
+      })
+    });
+  }
+  const formatFn = customFormat ?? headerConfig?.format;
+  const startFormatted = formatFn ? formatFn(startDate) : startDate.toLocaleDateString(locale, {
+    month: 'short',
+    day: 'numeric'
+  });
+  const endFormatted = formatFn ? formatFn(endDate) : endDate.toLocaleDateString(locale, {
+    month: 'short',
+    day: 'numeric'
+  });
+  const resolvedDateStyle = dateStyle ?? headerConfig?.dateStyle;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.headerContainer, headerStyle],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
+      activeOpacity: 0.7,
+      onPress: () => scrollToHandle('start', true),
+      style: [styles.pill, activeHandle === 'start' && {
+        borderColor: theme.accentColor,
+        backgroundColor: `${theme.accentColor}15`
+      }],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.subLabel, {
+          color: theme.labelColor
+        }],
+        children: "START"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.dateLabel, {
+          color: activeHandle === 'start' ? theme.accentColor : theme.labelColor
+        }, resolvedDateStyle],
+        children: startFormatted
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.arrowContainer,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.arrowText, {
+          color: theme.labelColor
+        }],
+        children: "\u2794"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+        style: [styles.spanText, {
+          color: theme.accentColor
+        }],
+        children: [spanDays, " ", spanDays === 1 ? 'day' : 'days']
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
+      activeOpacity: 0.7,
+      onPress: () => scrollToHandle('end', true),
+      style: [styles.pill, activeHandle === 'end' && {
+        borderColor: theme.accentColor,
+        backgroundColor: `${theme.accentColor}15`
+      }],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.subLabel, {
+          color: theme.labelColor
+        }],
+        children: "END"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.dateLabel, {
+          color: activeHandle === 'end' ? theme.accentColor : theme.labelColor
+        }, resolvedDateStyle],
+        children: endFormatted
+      })]
+    })]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  headerContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    width: '100%',
+    paddingHorizontal: 20,
+    marginBottom: 16,
+    minHeight: 48
+  },
+  pill: {
+    paddingVertical: 6,
+    paddingHorizontal: 14,
+    borderRadius: 20,
+    borderWidth: 1.5,
+    borderColor: 'transparent',
+    alignItems: 'center'
+  },
+  subLabel: {
+    fontSize: 9,
+    fontWeight: '700',
+    letterSpacing: 0.5,
+    marginBottom: 2
+  },
+  dateLabel: {
+    fontSize: 14,
+    fontWeight: '700'
+  },
+  arrowContainer: {
+    marginHorizontal: 12,
+    alignItems: 'center'
+  },
+  arrowText: {
+    fontSize: 12,
+    fontWeight: '600'
+  },
+  spanText: {
+    fontSize: 10,
+    fontWeight: '600',
+    marginTop: 2
+  }
+});
+//# sourceMappingURL=RulerRangeHeader.js.map

package/lib/commonjs/RulerRangeHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_RulerRangeContext","_jsxRuntime","e","__esModule","default","RulerRangeHeader","children","style","dateStyle","format","customFormat","render","startDate","endDate","spanDays","activeHandle","scrollToHandle","theme","headerConfig","locale","useRulerRangeContext","headerStyle","jsx","View","styles","headerContainer","customRenderer","Fragment","start","end","formatFn","startFormatted","toLocaleDateString","month","day","endFormatted","resolvedDateStyle","jsxs","TouchableOpacity","activeOpacity","onPress","pill","borderColor","accentColor","backgroundColor","Text","subLabel","color","labelColor","dateLabel","arrowContainer","arrowText","spanText","StyleSheet","create","flexDirection","alignItems","justifyContent","width","paddingHorizontal","marginBottom","minHeight","paddingVertical","borderRadius","borderWidth","fontSize","fontWeight","letterSpacing","marginHorizontal","marginTop"],"sourceRoot":"../../src","sources":["RulerRangeHeader.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/RulerRangeHighlight.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RulerRangeHighlight = RulerRangeHighlight;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _RulerRangeContext = require("./RulerRangeContext.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function RulerRangeHighlight({
+  style,
+  color
+} = {}) {
+  const {
+    startOffset,
+    endOffset,
+    tickSpacing,
+    rulerHeight,
+    theme,
+    highlightConfig
+  } = (0, _RulerRangeContext.useRulerRangeContext)();
+  if (highlightConfig?.render) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: highlightConfig.render(startOffset, endOffset, tickSpacing)
+    });
+  }
+  const highlightColor = color ?? highlightConfig?.color ?? theme.rangeHighlightColor;
+  const left = startOffset * tickSpacing - tickSpacing / 2;
+  const width = Math.max(tickSpacing, (endOffset - startOffset + 1) * tickSpacing);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    pointerEvents: "none",
+    style: [styles.highlight, {
+      left,
+      width,
+      height: rulerHeight,
+      backgroundColor: highlightColor
+    }, highlightConfig?.style, style]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  highlight: {
+    position: 'absolute',
+    bottom: 0,
+    borderRadius: 8,
+    zIndex: 1
+  }
+});
+//# sourceMappingURL=RulerRangeHighlight.js.map

package/lib/commonjs/RulerRangeHighlight.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_RulerRangeContext","_jsxRuntime","e","__esModule","default","RulerRangeHighlight","style","color","startOffset","endOffset","tickSpacing","rulerHeight","theme","highlightConfig","useRulerRangeContext","render","jsx","Fragment","children","highlightColor","rangeHighlightColor","left","width","Math","max","View","pointerEvents","styles","highlight","height","backgroundColor","StyleSheet","create","position","bottom","borderRadius","zIndex"],"sourceRoot":"../../src","sources":["RulerRangeHighlight.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AAA2D,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAOpD,SAASG,mBAAmBA,CAAC;EAAEC,KAAK;EAAEC;AAAgC,CAAC,GAAG,CAAC,CAAC,EAAE;EACnF,MAAM;IAAEC,WAAW;IAAEC,SAAS;IAAEC,WAAW;IAAEC,WAAW;IAAEC,KAAK;IAAEC;EAAgB,CAAC,GAChF,IAAAC,uCAAoB,EAAC,CAAC;EAExB,IAAID,eAAe,EAAEE,MAAM,EAAE;IAC3B,oBAAO,IAAAd,WAAA,CAAAe,GAAA,EAAAf,WAAA,CAAAgB,QAAA;MAAAC,QAAA,EAAGL,eAAe,CAACE,MAAM,CAACP,WAAW,EAAEC,SAAS,EAAEC,WAAW;IAAC,CAAG,CAAC;EAC3E;EAEA,MAAMS,cAAc,GAAGZ,KAAK,IAAIM,eAAe,EAAEN,KAAK,IAAIK,KAAK,CAACQ,mBAAmB;EACnF,MAAMC,IAAI,GAAGb,WAAW,GAAGE,WAAW,GAAGA,WAAW,GAAG,CAAC;EACxD,MAAMY,KAAK,GAAGC,IAAI,CAACC,GAAG,CAACd,WAAW,EAAE,CAACD,SAAS,GAAGD,WAAW,GAAG,CAAC,IAAIE,WAAW,CAAC;EAEhF,oBACE,IAAAT,WAAA,CAAAe,GAAA,EAACjB,YAAA,CAAA0B,IAAI;IACHC,aAAa,EAAC,MAAM;IACpBpB,KAAK,EAAE,CACLqB,MAAM,CAACC,SAAS,EAChB;MACEP,IAAI;MACJC,KAAK;MACLO,MAAM,EAAElB,WAAW;MACnBmB,eAAe,EAAEX;IACnB,CAAC,EACDN,eAAe,EAAEP,KAAK,EACtBA,KAAK;EACL,CACH,CAAC;AAEN;AAEA,MAAMqB,MAAM,GAAGI,uBAAU,CAACC,MAAM,CAAC;EAC/BJ,SAAS,EAAE;IACTK,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,CAAC;IACTC,YAAY,EAAE,CAAC;IACfC,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/RulerRangeIndicator.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RulerRangeIndicator = RulerRangeIndicator;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _RulerRangeContext = require("./RulerRangeContext.js");
+var _defaults = require("./defaults.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function RulerRangeIndicator({
+  children,
+  width: customWidth,
+  height: customHeight,
+  color: customColor,
+  offset: customOffset,
+  style,
+  render
+} = {}) {
+  const {
+    indicatorConfig,
+    theme,
+    activeHandle,
+    startDate,
+    endDate
+  } = (0, _RulerRangeContext.useRulerRangeContext)();
+  const activeDate = activeHandle === 'start' ? startDate : endDate;
+  const customRenderer = render ?? indicatorConfig?.render;
+  const offset = customOffset ?? indicatorConfig?.offset ?? [0, 0];
+  const [offsetX = 0, offsetY = 0] = offset;
+  const indicatorStyle = style ?? indicatorConfig?.style;
+  if (children || customRenderer) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      pointerEvents: "none",
+      style: [styles.indicator, {
+        bottom: offsetY,
+        transform: [{
+          translateX: offsetX
+        }]
+      }, indicatorStyle],
+      children: children ?? customRenderer?.(activeHandle, activeDate)
+    });
+  }
+  const width = customWidth ?? indicatorConfig?.width ?? _defaults.DEFAULTS.indicatorWidth;
+  const height = customHeight ?? indicatorConfig?.height ?? _defaults.DEFAULTS.indicatorHeight;
+  const color = customColor ?? indicatorConfig?.color ?? theme.indicatorColor;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    pointerEvents: "none",
+    style: [styles.indicator, {
+      bottom: offsetY,
+      transform: [{
+        translateX: offsetX
+      }],
+      width,
+      height,
+      backgroundColor: color,
+      borderRadius: width / 2
+    }, indicatorStyle]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  indicator: {
+    position: 'absolute',
+    zIndex: 10,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=RulerRangeIndicator.js.map

package/lib/commonjs/RulerRangeIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_RulerRangeContext","_defaults","_jsxRuntime","e","__esModule","default","RulerRangeIndicator","children","width","customWidth","height","customHeight","color","customColor","offset","customOffset","style","render","indicatorConfig","theme","activeHandle","startDate","endDate","useRulerRangeContext","activeDate","customRenderer","offsetX","offsetY","indicatorStyle","jsx","View","pointerEvents","styles","indicator","bottom","transform","translateX","DEFAULTS","indicatorWidth","indicatorHeight","indicatorColor","backgroundColor","borderRadius","StyleSheet","create","position","zIndex","alignItems","justifyContent"],"sourceRoot":"../../src","sources":["RulerRangeIndicator.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AAAsC,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAgB/B,SAASG,mBAAmBA,CAAC;EAClCC,QAAQ;EACRC,KAAK,EAAEC,WAAW;EAClBC,MAAM,EAAEC,YAAY;EACpBC,KAAK,EAAEC,WAAW;EAClBC,MAAM,EAAEC,YAAY;EACpBC,KAAK;EACLC;AACwB,CAAC,GAAG,CAAC,CAAC,EAAE;EAChC,MAAM;IAAEC,eAAe;IAAEC,KAAK;IAAEC,YAAY;IAAEC,SAAS;IAAEC;EAAQ,CAAC,GAAG,IAAAC,uCAAoB,EAAC,CAAC;EAE3F,MAAMC,UAAU,GAAGJ,YAAY,KAAK,OAAO,GAAGC,SAAS,GAAGC,OAAO;EACjE,MAAMG,cAAc,GAAGR,MAAM,IAAIC,eAAe,EAAED,MAAM;EACxD,MAAMH,MAAM,GAAGC,YAAY,IAAIG,eAAe,EAAEJ,MAAM,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC;EAChE,MAAM,CAACY,OAAO,GAAG,CAAC,EAAEC,OAAO,GAAG,CAAC,CAAC,GAAGb,MAAM;EACzC,MAAMc,cAAc,GAAGZ,KAAK,IAAIE,eAAe,EAAEF,KAAK;EAEtD,IAAIT,QAAQ,IAAIkB,cAAc,EAAE;IAC9B,oBACE,IAAAvB,WAAA,CAAA2B,GAAA,EAAC9B,YAAA,CAAA+B,IAAI;MACHC,aAAa,EAAC,MAAM;MACpBf,KAAK,EAAE,CACLgB,MAAM,CAACC,SAAS,EAChB;QACEC,MAAM,EAAEP,OAAO;QACfQ,SAAS,EAAE,CAAC;UAAEC,UAAU,EAAEV;QAAQ,CAAC;MACrC,CAAC,EACDE,cAAc,CACd;MAAArB,QAAA,EAEDA,QAAQ,IAAIkB,cAAc,GAAGL,YAAY,EAAEI,UAAU;IAAC,CACnD,CAAC;EAEX;EAEA,MAAMhB,KAAK,GAAGC,WAAW,IAAIS,eAAe,EAAEV,KAAK,IAAI6B,kBAAQ,CAACC,cAAc;EAC9E,MAAM5B,MAAM,GAAGC,YAAY,IAAIO,eAAe,EAAER,MAAM,IAAI2B,kBAAQ,CAACE,eAAe;EAClF,MAAM3B,KAAK,GAAGC,WAAW,IAAIK,eAAe,EAAEN,KAAK,IAAIO,KAAK,CAACqB,cAAc;EAE3E,oBACE,IAAAtC,WAAA,CAAA2B,GAAA,EAAC9B,YAAA,CAAA+B,IAAI;IACHC,aAAa,EAAC,MAAM;IACpBf,KAAK,EAAE,CACLgB,MAAM,CAACC,SAAS,EAChB;MACEC,MAAM,EAAEP,OAAO;MACfQ,SAAS,EAAE,CAAC;QAAEC,UAAU,EAAEV;MAAQ,CAAC,CAAC;MACpClB,KAAK;MACLE,MAAM;MACN+B,eAAe,EAAE7B,KAAK;MACtB8B,YAAY,EAAElC,KAAK,GAAG;IACxB,CAAC,EACDoB,cAAc;EACd,CACH,CAAC;AAEN;AAEA,MAAMI,MAAM,GAAGW,uBAAU,CAACC,MAAM,CAAC;EAC/BX,SAAS,EAAE;IACTY,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/RulerRangeRoot.js

@@ -0,0 +1,80 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RulerRangeRoot = RulerRangeRoot;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _useRulerDateRangePicker = require("./useRulerDateRangePicker.js");
+var _RulerRangeContext = require("./RulerRangeContext.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function RulerRangeRoot(props) {
+  const {
+    children,
+    style,
+    indicator,
+    highlight,
+    testID
+  } = props;
+  const rangeRuler = (0, _useRulerDateRangePicker.useRulerDateRangePicker)(props);
+  const indicatorConfig = typeof indicator === 'object' ? indicator : undefined;
+  const headerConfig = typeof props.header === 'object' ? props.header : undefined;
+  const highlightConfig = typeof highlight === 'object' ? highlight : undefined;
+  const contextValue = {
+    ...rangeRuler,
+    indicatorConfig,
+    headerConfig,
+    highlightConfig,
+    locale: props.locale
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RulerRangeContext.RulerRangeContext.Provider, {
+    value: contextValue,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      testID: testID,
+      accessible: true,
+      accessibilityRole: "adjustable",
+      accessibilityLabel: props.accessibilityLabel ?? 'Date range picker',
+      accessibilityValue: {
+        text: `${rangeRuler.startDateStr} to ${rangeRuler.endDateStr}`
+      },
+      accessibilityActions: [{
+        name: 'increment',
+        label: `Next day for ${rangeRuler.activeHandle} date`
+      }, {
+        name: 'decrement',
+        label: `Previous day for ${rangeRuler.activeHandle} date`
+      }],
+      onAccessibilityAction: event => {
+        const isStart = rangeRuler.activeHandle === 'start';
+        const target = new Date(isStart ? rangeRuler.startDate : rangeRuler.endDate);
+        if (event.nativeEvent.actionName === 'increment') {
+          target.setDate(target.getDate() + 1);
+        } else if (event.nativeEvent.actionName === 'decrement') {
+          target.setDate(target.getDate() - 1);
+        }
+        if (isStart) {
+          rangeRuler.setRange(target, rangeRuler.endDate);
+        } else {
+          rangeRuler.setRange(rangeRuler.startDate, target);
+        }
+      },
+      style: [styles.container, {
+        minHeight: rangeRuler.height,
+        backgroundColor: rangeRuler.theme.background
+      }, style],
+      children: children
+    })
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    justifyContent: 'center',
+    alignItems: 'center',
+    position: 'relative',
+    width: '100%',
+    paddingVertical: 8
+  }
+});
+//# sourceMappingURL=RulerRangeRoot.js.map

package/lib/commonjs/RulerRangeRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_useRulerDateRangePicker","_RulerRangeContext","_jsxRuntime","e","__esModule","default","RulerRangeRoot","props","children","style","indicator","highlight","testID","rangeRuler","useRulerDateRangePicker","indicatorConfig","undefined","headerConfig","header","highlightConfig","contextValue","locale","jsx","RulerRangeContext","Provider","value","View","accessible","accessibilityRole","accessibilityLabel","accessibilityValue","text","startDateStr","endDateStr","accessibilityActions","name","label","activeHandle","onAccessibilityAction","event","isStart","target","Date","startDate","endDate","nativeEvent","actionName","setDate","getDate","setRange","styles","container","minHeight","height","backgroundColor","theme","background","StyleSheet","create","justifyContent","alignItems","position","width","paddingVertical"],"sourceRoot":"../../src","sources":["RulerRangeRoot.tsx"],"mappings":"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","ignoreList":[]}