orn-ui 0.2.0 → 0.2.1

package/README.md

@@ -101,6 +101,17 @@ Every component's full prop table lives on [orn-ui-docs.vercel.app](https://orn-
 - **Paginación & Headers/Footers**: `ListHeaderComponent` y `ListFooterComponent` conviven limpiamente con el indicador `isLoadingMore` y `noMoreText`.
 - **Estado vacío no destructivo**: `ListEmptyComponent` conserva el header, footer y gestos de scroll/refresh.
 
+### Worth knowing
+
+- **Safe area, once.** A screen above a `NavigationBar` or tab bar takes
+  `edges={['top']}` — applying the bottom inset on both counts the gesture bar
+  twice and leaves an empty band.
+- **Dates.** `DatePicker`/`DateField` both take `mode="range"`; `onClear` is
+  what renders the clear button; month/weekday names, the modal title and the
+  clear label come from `labels`.
+- **`Steps`** scrolls its horizontal row rather than squeezing columns until
+  React Native breaks labels mid-word.
+
 ## Why zero dependencies
 
 No third-party runtime code means no supply-chain surface, no version

package/lib/commonjs/molecules/Steps.js

@@ -12,6 +12,8 @@ var _Icon = require("../icons/Icon");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const CIRCLE = 32;
+/** Ancho mínimo de una columna horizontal: por debajo, las etiquetas se parten. */
+const STEP_MIN_WIDTH = 76;
 const useStyles = (0, _createStyles.createStyles)(theme => ({
   rowContainer: {
     flexDirection: 'row',
@@ -21,8 +23,23 @@ const useStyles = (0, _createStyles.createStyles)(theme => ({
     flexDirection: 'column'
   },
   // horizontal
+  // ScrollView trae flexGrow: 1 de fábrica y se comía todo el alto disponible
+  // del contenedor, dejando los pasos pegados arriba de una caja enorme.
+  hScrollView: {
+    flexGrow: 0,
+    flexShrink: 0
+  },
+  hScroll: {
+    flexGrow: 1,
+    flexDirection: 'row',
+    alignItems: 'flex-start'
+  },
+  // `minWidth` es lo que evita que RN parta palabras a la mitad
+  // ("Almacé / n"): antes que apretar la columna por debajo de una palabra
+  // corriente, la fila se vuelve scrollable.
   hStep: {
     flex: 1,
+    minWidth: STEP_MIN_WIDTH,
     alignItems: 'center',
     gap: theme.tokens.spacing.sm
   },
@@ -33,13 +50,19 @@ const useStyles = (0, _createStyles.createStyles)(theme => ({
   },
   // El conector toma una fracción chica del ancho: compitiendo de igual a
   // igual con los pasos (flex: 1) cada etiqueta se quedaba con 1/(2n-1) del
-  // total y RN partía palabras a la mitad ("Paymen / t"). Con 0.3 un flujo de
-  // 4 pasos deja ~68px por etiqueta, suficiente para una palabra corriente.
+  // total.
   hConnector: {
     height: 2,
     flex: 0.3,
+    minWidth: 12,
     marginTop: CIRCLE / 2 - 1
   },
+  hLabel: {
+    fontSize: theme.tokens.fontSize.sm
+  },
+  hDescription: {
+    fontSize: theme.tokens.fontSize.xs
+  },
   // vertical
   vStep: {
     flexDirection: 'row',
@@ -152,13 +175,13 @@ const Steps = exports.Steps = /*#__PURE__*/(0, _react.memo)(({
     style: centered ? styles.hLabels : styles.vLabels,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
       allowFontScaling: allowFontScaling,
-      style: [styles.label, centered && styles.labelCentered, status === 'pending' && {
+      style: [styles.label, centered && styles.labelCentered, centered && styles.hLabel, status === 'pending' && {
         color: colors.textLight
       }],
       children: step.label
     }), !!step.description && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
       allowFontScaling: allowFontScaling,
-      style: [styles.description, centered && styles.descriptionCentered],
+      style: [styles.description, centered && styles.descriptionCentered, centered && styles.hDescription],
       children: step.description
     })]
   });
@@ -194,8 +217,15 @@ const Steps = exports.Steps = /*#__PURE__*/(0, _react.memo)(({
       })
     });
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: [styles.rowContainer, style],
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+    testID: "steps-row",
+    horizontal: true,
+    showsHorizontalScrollIndicator: false
+    // Con espacio de sobra los pasos se reparten la fila igual que antes
+    // (flexGrow); cuando no entran, se desplaza en vez de apretar el texto.
+    ,
+    style: [styles.hScrollView, style],
+    contentContainerStyle: styles.hScroll,
     children: steps.map((step, index) => {
       const status = statusOf(index, current);
       const isLast = index === steps.length - 1;

package/lib/commonjs/molecules/Steps.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_createStyles","_UIProvider","_Icon","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CIRCLE","useStyles","createStyles","theme","rowContainer","flexDirection","alignItems","columnContainer","hStep","flex","gap","tokens","spacing","sm","hLabels","paddingHorizontal","hConnector","height","marginTop","vStep","md","vIndicatorColumn","vConnector","width","minHeight","marginVertical","vLabels","paddingBottom","lg","circle","borderRadius","borderWidth","justifyContent","circleNumber","fontSize","fontWeight","semibold","label","color","colors","text","labelCentered","textAlign","description","textLight","descriptionCentered","statusOf","index","current","Steps","exports","memo","steps","orientation","completedIndicator","onStepPress","style","useColors","styles","allowFontScaling","useAllowFontScaling","isVertical","colorsFor","status","bg","primary","border","fg","onPrimary","primaryText","renderCircle","c","showCheck","jsx","View","backgroundColor","borderColor","children","Icon","name","size","Text","renderLabels","step","centered","jsxs","stepAccessibility","accessibilityRole","accessibilityLabel","accessibilityState","selected","disabled","map","isLast","length","Wrapper","TouchableOpacity","onPress","undefined","activeOpacity","Fragment","displayName"],"sourceRoot":"../../../src","sources":["molecules/Steps.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_createStyles","_UIProvider","_Icon","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CIRCLE","STEP_MIN_WIDTH","useStyles","createStyles","theme","rowContainer","flexDirection","alignItems","columnContainer","hScrollView","flexGrow","flexShrink","hScroll","hStep","flex","minWidth","gap","tokens","spacing","sm","hLabels","paddingHorizontal","hConnector","height","marginTop","hLabel","fontSize","hDescription","xs","vStep","md","vIndicatorColumn","vConnector","width","minHeight","marginVertical","vLabels","paddingBottom","lg","circle","borderRadius","borderWidth","justifyContent","circleNumber","fontWeight","semibold","label","color","colors","text","labelCentered","textAlign","description","textLight","descriptionCentered","statusOf","index","current","Steps","exports","memo","steps","orientation","completedIndicator","onStepPress","style","useColors","styles","allowFontScaling","useAllowFontScaling","isVertical","colorsFor","status","bg","primary","border","fg","onPrimary","primaryText","renderCircle","c","showCheck","jsx","View","backgroundColor","borderColor","children","Icon","name","size","Text","renderLabels","step","centered","jsxs","stepAccessibility","accessibilityRole","accessibilityLabel","accessibilityState","selected","disabled","map","isLast","length","Wrapper","TouchableOpacity","onPress","undefined","activeOpacity","ScrollView","testID","horizontal","showsHorizontalScrollIndicator","contentContainerStyle","Fragment","displayName"],"sourceRoot":"../../../src","sources":["molecules/Steps.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/organisms/DateField.js

@@ -66,25 +66,56 @@ const useStyles = (0, _createStyles.createStyles)(theme => ({
 const DateField = exports.DateField = /*#__PURE__*/(0, _react.memo)(({
   label,
   required = false,
+  mode = 'single',
   value,
   onChange,
+  range,
+  onRangeChange,
   placeholder = 'Select a date',
   error,
   disabled = false,
   format,
-  modalTitle = 'Select date',
-  clearLabel = 'Clear',
+  modalTitle,
+  onClear,
+  clearLabel,
   containerStyle,
-  monthNames = _DatePicker.DEFAULT_MONTH_NAMES,
+  monthNames,
+  testID,
   ...pickerProps
 }) => {
   const colors = (0, _UIProvider.useColors)();
   const styles = useStyles();
+  const labels = (0, _UIProvider.useLabels)();
   const allowFontScaling = (0, _UIProvider.useAllowFontScaling)();
   const [open, setOpen] = (0, _react.useState)(false);
-  const display = value ? format ? format(value) : defaultFormat(value, monthNames) : placeholder;
+  const months = monthNames ?? labels.months;
+  const isRange = mode === 'range';
+  const formatDate = date => format ? format(date) : defaultFormat(date, months);
+
+  // El calendario se cierra solo cuando ya no falta nada por elegir: en
+  // rango, recién cuando el segundo toque cierra el intervalo.
+  const handleChange = (0, _react.useCallback)(date => {
+    onChange?.(date);
+    setOpen(false);
+  }, [onChange]);
+  const handleRangeChange = (0, _react.useCallback)(next => {
+    onRangeChange?.(next);
+    if (next.end) setOpen(false);
+  }, [onRangeChange]);
+  const handleClear = (0, _react.useCallback)(() => {
+    onClear?.();
+    setOpen(false);
+  }, [onClear]);
+  const hasValue = isRange ? !!range?.start : !!value;
+  let display = placeholder;
+  if (isRange && range?.start) {
+    display = range.end ? `${formatDate(range.start)} — ${formatDate(range.end)}` : formatDate(range.start);
+  } else if (!isRange && value) {
+    display = formatDate(value);
+  }
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: [styles.container, containerStyle],
+    testID: testID,
     children: [!!label && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
       allowFontScaling: allowFontScaling,
       style: styles.label,
@@ -107,7 +138,7 @@ const DateField = exports.DateField = /*#__PURE__*/(0, _react.memo)(({
       },
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
         allowFontScaling: allowFontScaling,
-        style: [styles.fieldText, !value && styles.placeholder],
+        style: [styles.fieldText, !hasValue && styles.placeholder],
         children: display
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
         allowFontScaling: allowFontScaling,
@@ -123,22 +154,22 @@ const DateField = exports.DateField = /*#__PURE__*/(0, _react.memo)(({
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Modal.Modal, {
       visible: open,
       onClose: () => setOpen(false),
-      title: modalTitle,
+      title: modalTitle ?? labels.selectDate,
       variant: "overlay",
       scrollable: false,
-      footer: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
-        title: clearLabel,
+      footer: onClear ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+        title: clearLabel ?? labels.clear,
         variant: "ghost",
-        onPress: () => setOpen(false)
-      }),
+        onPress: handleClear
+      }) : undefined,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.DatePicker, {
+        mode: mode,
         value: value,
-        monthNames: monthNames,
+        range: range,
+        monthNames: months,
         ...pickerProps,
-        onChange: date => {
-          onChange(date);
-          setOpen(false);
-        }
+        onChange: handleChange,
+        onRangeChange: handleRangeChange
       })
     })]
   });

package/lib/commonjs/organisms/DateField.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_createStyles","_UIProvider","_Modal","_DatePicker","_Button","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","defaultFormat","date","monthNames","getMonth","getDate","getFullYear","useStyles","createStyles","theme","container","marginBottom","tokens","spacing","lg","width","gap","sm","label","fontSize","md","fontWeight","medium","color","colors","text","required","errorText","field","flexDirection","alignItems","justifyContent","backgroundColor","inputBackground","borderRadius","radius","borderWidth","borderColor","border","minHeight","paddingHorizontal","fieldError","error","fieldText","placeholder","textLight","DateField","exports","memo","value","onChange","disabled","format","modalTitle","clearLabel","containerStyle","DEFAULT_MONTH_NAMES","pickerProps","useColors","styles","allowFontScaling","useAllowFontScaling","open","setOpen","useState","display","jsxs","View","style","children","Text","jsx","TouchableOpacity","opacity","onPress","activeOpacity","accessibilityRole","accessibilityLabel","accessibilityState","expanded","Modal","visible","onClose","title","variant","scrollable","footer","Button","DatePicker","displayName"],"sourceRoot":"../../../src","sources":["organisms/DateField.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_createStyles","_UIProvider","_Modal","_DatePicker","_Button","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","defaultFormat","date","monthNames","getMonth","getDate","getFullYear","useStyles","createStyles","theme","container","marginBottom","tokens","spacing","lg","width","gap","sm","label","fontSize","md","fontWeight","medium","color","colors","text","required","errorText","field","flexDirection","alignItems","justifyContent","backgroundColor","inputBackground","borderRadius","radius","borderWidth","borderColor","border","minHeight","paddingHorizontal","fieldError","error","fieldText","placeholder","textLight","DateField","exports","memo","mode","value","onChange","range","onRangeChange","disabled","format","modalTitle","onClear","clearLabel","containerStyle","testID","pickerProps","useColors","styles","labels","useLabels","allowFontScaling","useAllowFontScaling","open","setOpen","useState","months","isRange","formatDate","handleChange","useCallback","handleRangeChange","next","end","handleClear","hasValue","start","display","jsxs","View","style","children","Text","jsx","TouchableOpacity","opacity","onPress","activeOpacity","accessibilityRole","accessibilityLabel","accessibilityState","expanded","Modal","visible","onClose","title","selectDate","variant","scrollable","footer","Button","clear","undefined","DatePicker","displayName"],"sourceRoot":"../../../src","sources":["organisms/DateField.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/organisms/DatePicker.js

@@ -16,24 +16,27 @@ const DEFAULT_MONTH_NAMES = exports.DEFAULT_MONTH_NAMES = ['January', 'February'
 
 /** Índice 0 = domingo, para alinear con Date.getDay(). */
 const DEFAULT_WEEKDAY_NAMES = exports.DEFAULT_WEEKDAY_NAMES = ['S', 'M', 'T', 'W', 'T', 'F', 'S'];
-/** Compara sólo año/mes/día, ignorando hora — dos Date del mismo día son "iguales". */
-function isSameDay(a, b) {
-  return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
-}
 function startOfDay(d) {
   return new Date(d.getFullYear(), d.getMonth(), d.getDate());
 }
 
-/** Estrictamente entre start y end, sin incluir los extremos. */
-function isBetween(day, start, end) {
-  const t = startOfDay(day).getTime();
-  return t > startOfDay(start).getTime() && t < startOfDay(end).getTime();
+/** Timestamp del día, para comparar sin volver a crear Date en cada celda. */
+function dayTime(d) {
+  return startOfDay(d).getTime();
+}
+function dayTimeOf(d) {
+  return d ? dayTime(d) : undefined;
 }
-function isOutOfRange(day, minDate, maxDate) {
-  const t = startOfDay(day).getTime();
-  if (minDate && t < startOfDay(minDate).getTime()) return true;
-  if (maxDate && t > startOfDay(maxDate).getTime()) return true;
-  return false;
+
+/** Milisegundos que faltan para la próxima medianoche local. */
+function msUntilNextMidnight(from) {
+  const next = new Date(from.getFullYear(), from.getMonth(), from.getDate() + 1);
+  return next.getTime() - from.getTime();
+}
+
+/** Número de mes absoluto (año * 12 + mes), para comparar meses con un `<`. */
+function monthIndex(d) {
+  return d.getFullYear() * 12 + d.getMonth();
 }
 
 /**
@@ -136,6 +139,43 @@ const useStyles = (0, _createStyles.createStyles)(theme => ({
     opacity: 0.4
   }
 }));
+/**
+ * Una celda del calendario. Va memoizada aparte porque el mes entero son 42
+ * celdas: sin esto, cualquier render del padre reconcilia las 42.
+ */
+const DayCell = /*#__PURE__*/(0, _react.memo)(({
+  day,
+  label,
+  selected,
+  inRange,
+  isRangeStart,
+  isRangeEnd,
+  isToday,
+  disabled,
+  allowFontScaling,
+  styles,
+  onPress
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+  style: [styles.cell, (inRange || isRangeStart || isRangeEnd) && styles.cellInRange, isRangeStart && styles.cellRangeStart, isRangeEnd && styles.cellRangeEnd],
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+    style: [styles.dayButton, selected && styles.daySelected, !selected && isToday && styles.dayToday],
+    onPress: () => onPress(day),
+    disabled: disabled,
+    activeOpacity: 0.7,
+    accessibilityRole: "button",
+    accessibilityLabel: label,
+    accessibilityState: {
+      selected,
+      disabled
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      allowFontScaling: allowFontScaling,
+      style: [styles.dayText, inRange && styles.dayTextInRange, selected && styles.dayTextSelected, disabled && styles.dayTextDisabled],
+      children: day.getDate()
+    })
+  })
+}));
+DayCell.displayName = 'DayCell';
 
 /**
  * DatePicker
@@ -152,24 +192,27 @@ const DatePicker = exports.DatePicker = /*#__PURE__*/(0, _react.memo)(({
   minDate,
   maxDate,
   defaultMonth,
-  monthNames = DEFAULT_MONTH_NAMES,
-  weekdayNames = DEFAULT_WEEKDAY_NAMES,
+  monthNames,
+  weekdayNames,
   firstDayOfWeek = 0,
+  onVisibleMonthChange,
   style,
   testID
 }) => {
-  const colors = (0, _UIProvider.useColors)();
   const styles = useStyles();
+  const labels = (0, _UIProvider.useLabels)();
   const allowFontScaling = (0, _UIProvider.useAllowFontScaling)();
   const isRange = mode === 'range';
-  const handlePress = day => {
+  const months = monthNames ?? labels.months;
+  const weekdays = weekdayNames ?? labels.weekdaysShort;
+  const handlePress = (0, _react.useCallback)(day => {
     if (!isRange) {
       onChange?.(day);
       return;
     }
     // Primer toque (o rango ya cerrado, o toque antes del inicio): arranca
     // un rango nuevo. Segundo toque en adelante: lo cierra.
-    if (!range?.start || range.end || startOfDay(day) < startOfDay(range.start)) {
+    if (!range?.start || range.end || dayTime(day) < dayTime(range.start)) {
       onRangeChange?.({
         start: day
       });
@@ -179,14 +222,51 @@ const DatePicker = exports.DatePicker = /*#__PURE__*/(0, _react.memo)(({
         end: day
       });
     }
-  };
-  const initial = value ?? range?.start ?? defaultMonth ?? new Date();
-  const [visibleMonth, setVisibleMonth] = (0, _react.useState)(() => new Date(initial.getFullYear(), initial.getMonth(), 1));
-  const today = (0, _react.useMemo)(() => new Date(), []);
+  }, [isRange, onChange, onRangeChange, range?.start, range?.end]);
+  const anchor = value ?? range?.start ?? defaultMonth;
+  const [visibleMonth, setVisibleMonth] = (0, _react.useState)(() => new Date((anchor ?? new Date()).getFullYear(), (anchor ?? new Date()).getMonth(), 1));
+
+  // La fecha elegida puede cambiar desde afuera (uso controlado): sin esto,
+  // el calendario se quedaba clavado en el mes con el que montó.
+  const anchorMonth = anchor ? monthIndex(anchor) : undefined;
+  const lastAnchorMonth = (0, _react.useRef)(anchorMonth);
+  (0, _react.useEffect)(() => {
+    if (anchorMonth === undefined || anchorMonth === lastAnchorMonth.current) return;
+    lastAnchorMonth.current = anchorMonth;
+    setVisibleMonth(new Date(Math.floor(anchorMonth / 12), anchorMonth % 12, 1));
+  }, [anchorMonth]);
+
+  // "Hoy" se recalcula en la próxima medianoche: una app que queda abierta
+  // toda la noche marcaba el día anterior.
+  const [todayTs, setTodayTs] = (0, _react.useState)(() => dayTime(new Date()));
+  (0, _react.useEffect)(() => {
+    const timer = setTimeout(() => setTodayTs(dayTime(new Date())), msUntilNextMidnight(new Date()));
+    return () => clearTimeout(timer);
+  }, [todayTs]);
   const grid = (0, _react.useMemo)(() => buildMonthGrid(visibleMonth.getFullYear(), visibleMonth.getMonth(), firstDayOfWeek), [visibleMonth, firstDayOfWeek]);
-  const orderedWeekdays = (0, _react.useMemo)(() => firstDayOfWeek === 0 ? weekdayNames : [...weekdayNames.slice(1), weekdayNames[0]], [weekdayNames, firstDayOfWeek]);
-  const shiftMonth = delta => setVisibleMonth(m => new Date(m.getFullYear(), m.getMonth() + delta, 1));
-  const monthLabel = `${monthNames[visibleMonth.getMonth()]} ${visibleMonth.getFullYear()}`;
+  const orderedWeekdays = (0, _react.useMemo)(() => firstDayOfWeek === 0 ? weekdays : [...weekdays.slice(1), weekdays[0]], [weekdays, firstDayOfWeek]);
+
+  // Los límites se resuelven una vez y no 42 veces por render: comparar
+  // timestamps sale gratis, crear un Date por celda no.
+  const bounds = (0, _react.useMemo)(() => ({
+    min: dayTimeOf(minDate),
+    max: dayTimeOf(maxDate),
+    start: dayTimeOf(range?.start),
+    end: dayTimeOf(range?.end),
+    selected: dayTimeOf(value)
+  }), [minDate, maxDate, range?.start, range?.end, value]);
+  const shiftMonth = delta => setVisibleMonth(m => {
+    const next = new Date(m.getFullYear(), m.getMonth() + delta, 1);
+    onVisibleMonthChange?.(next);
+    return next;
+  });
+
+  // Un mes entero fuera de los límites no tiene nada que elegir: la flecha
+  // que lleva ahí se apaga en vez de dejar navegar al vacío.
+  const visibleIndex = monthIndex(visibleMonth);
+  const canGoBack = !minDate || visibleIndex > monthIndex(minDate);
+  const canGoForward = !maxDate || visibleIndex < monthIndex(maxDate);
+  const monthLabel = `${months[visibleMonth.getMonth()]} ${visibleMonth.getFullYear()}`;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: [styles.container, style],
     testID: testID,
@@ -195,6 +275,7 @@ const DatePicker = exports.DatePicker = /*#__PURE__*/(0, _react.memo)(({
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.IconButton, {
         iconName: "chevron-left",
         accessibilityLabel: "Previous month",
+        disabled: !canGoBack,
         onPress: () => shiftMonth(-1)
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
         allowFontScaling: allowFontScaling,
@@ -204,6 +285,7 @@ const DatePicker = exports.DatePicker = /*#__PURE__*/(0, _react.memo)(({
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.IconButton, {
         iconName: "chevron-right",
         accessibilityLabel: "Next month",
+        disabled: !canGoForward,
         onPress: () => shiftMonth(1)
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
@@ -219,31 +301,28 @@ const DatePicker = exports.DatePicker = /*#__PURE__*/(0, _react.memo)(({
         if (!day) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
           style: styles.cell
         }, cellIndex);
-        const isStart = isRange && !!range?.start && isSameDay(day, range.start);
-        const isEnd = isRange && !!range?.end && isSameDay(day, range.end);
-        const inRange = isRange && !!range?.start && !!range.end && isBetween(day, range.start, range.end);
-        const selected = isRange ? isStart || isEnd : !!value && isSameDay(day, value);
-        const disabled = isOutOfRange(day, minDate, maxDate);
-        const isToday = isSameDay(day, today);
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: [styles.cell, (inRange || isStart && !!range?.end || isEnd) && styles.cellInRange, isStart && !!range?.end && styles.cellRangeStart, isEnd && styles.cellRangeEnd],
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-            style: [styles.dayButton, selected && styles.daySelected, !selected && isToday && styles.dayToday],
-            onPress: () => handlePress(day),
-            disabled: disabled,
-            activeOpacity: 0.7,
-            accessibilityRole: "button",
-            accessibilityLabel: `${monthNames[day.getMonth()]} ${day.getDate()}, ${day.getFullYear()}`,
-            accessibilityState: {
-              selected,
-              disabled
-            },
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              allowFontScaling: allowFontScaling,
-              style: [styles.dayText, inRange && styles.dayTextInRange, selected && styles.dayTextSelected, disabled && styles.dayTextDisabled],
-              children: day.getDate()
-            })
-          })
+        const t = dayTime(day);
+        const disabled = bounds.min !== undefined && t < bounds.min || bounds.max !== undefined && t > bounds.max;
+        const isStart = isRange && bounds.start === t;
+        const isEnd = isRange && bounds.end === t;
+        const closed = isRange && bounds.start !== undefined && bounds.end !== undefined;
+        const between = closed && t > bounds.start && t < bounds.end;
+        const selected = isRange ? isStart || isEnd : bounds.selected === t;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(DayCell, {
+          day: day,
+          label: `${months[day.getMonth()]} ${day.getDate()}, ${day.getFullYear()}`,
+          selected: selected
+          // Un día fuera de los límites no se pinta como parte del
+          // rango: se ve deshabilitado, y eso es lo que es.
+          ,
+          inRange: between && !disabled,
+          isRangeStart: !!closed && isStart && !disabled,
+          isRangeEnd: isEnd && !disabled,
+          isToday: t === todayTs,
+          disabled: disabled,
+          allowFontScaling: allowFontScaling,
+          styles: styles,
+          onPress: handlePress
         }, cellIndex);
       })
     }, rowIndex))]