@stackcraftmx/calcita 0.32.1 → 0.47.0

package/dist/DataTable/ServerTableFilterDrawer.js

@@ -0,0 +1,52 @@
+"use client";
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import Button from "@mui/material/Button";
+import TuneRoundedIcon from "@mui/icons-material/TuneRounded";
+import { useTableFilter } from "./filterContext.js";
+import { useToolkitTranslation } from "../toolkit/useToolkitTranslation.js";
+import { warnUnknownProps } from "../toolkit/unknownProps.js";
+import FilterDrawer from "../ui/filters/FilterDrawer.js";
+import { activeDrawerFilterCountOf } from "../ui/filters/filterDrawerFields.js";
+function ServerTableFilterDrawer({ fields, anchor, width, title, buttonLabel, onApply, children, texts, ...unknownProps }) {
+  warnUnknownProps("ServerTableFilterDrawer", unknownProps);
+  const { t } = useToolkitTranslation("common", texts);
+  const { filters, setFilters } = useTableFilter();
+  const [isOpen, setIsOpen] = useState(false);
+  const activeCount = activeDrawerFilterCountOf(fields, filters);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        size: "small",
+        variant: activeCount > 0 ? "contained" : "outlined",
+        startIcon: /* @__PURE__ */ jsx(TuneRoundedIcon, {}),
+        "aria-haspopup": "dialog",
+        onClick: () => setIsOpen(true),
+        children: activeCount > 0 ? t("filterDrawer.openWithCount", { count: activeCount }) : buttonLabel ?? t("filterDrawer.open")
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      FilterDrawer,
+      {
+        open: isOpen,
+        onClose: () => setIsOpen(false),
+        fields,
+        values: filters,
+        anchor,
+        width,
+        title,
+        texts,
+        onApply: (values) => {
+          setFilters(values);
+          onApply?.(values);
+        },
+        children
+      }
+    )
+  ] });
+}
+export {
+  ServerTableFilterDrawer as default
+};
+//# sourceMappingURL=ServerTableFilterDrawer.js.map

package/dist/DataTable/ServerTableFilterDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ServerTableFilterDrawer.js","sources":["../../src/DataTable/ServerTableFilterDrawer.jsx"],"sourcesContent":["// El botón «Filtros» de ServerTable con su cajón de búsqueda (FilterDrawer): se pone en toolbarExtra y lee y cambia los\n// filtros de SU tabla (los de la dirección, los mismos de los chips). El botón dice cuántos filtros del cajón hay puestos.\n//\n//   const FILTER_FIELDS = [{name: 'total', label: 'Total', kind: FILTER_FIELD_KIND.comparison, prefix: '$'}, …];\n//   <ServerTable … filterDefaults={{...MIS_DEFAULTS, ...filterDrawerDefaultsOf(FILTER_FIELDS)}}\n//                  filterKinds={{...MIS_KINDS, ...filterDrawerKindsOf(FILTER_FIELDS)}}\n//                  chipConfig={buildChipConfig(filterDrawerChipsOf(FILTER_FIELDS, {t, formatDate}))}\n//                  toolbarExtra={<ServerTableFilterDrawer fields={FILTER_FIELDS} />} />\n//\n// filterDefaults: la tabla solo guarda en la dirección lo que declara ahí. filterKinds: las listas se leen como lista. Los\n// chips dicen cada filtro en palabras y cada uno se quita con su ×.\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useState} from 'react';\nimport Button from '@mui/material/Button';\nimport TuneRoundedIcon from '@mui/icons-material/TuneRounded';\n\nimport {useTableFilter} from '@/DataTable/filterContext.js';\nimport {useToolkitTranslation} from '@/toolkit/useToolkitTranslation.js';\nimport {warnUnknownProps} from '@/toolkit/unknownProps.js';\nimport FilterDrawer from '@/ui/filters/FilterDrawer.jsx';\nimport {activeDrawerFilterCountOf} from '@/ui/filters/filterDrawerFields.js';\n\n/**\n * @param {object} props\n * @param {object[]} props.fields los campos del cajón (filterDrawerFields.js)\n * @param {'left'|'right'} [props.anchor] de qué lado sale; por omisión la derecha\n * @param {number} [props.width] su ancho en escritorio\n * @param {string} [props.title] ya traducido; por omisión «Filtros»\n * @param {string} [props.buttonLabel] ya traducido; por omisión «Filtros» (con los puestos, «Filtros (3)»)\n * @param {(values: Record<string, unknown>) => void} [props.onApply] aviso de lo que se buscó (la tabla ya se filtró)\n * @param {import('react').ReactNode} [props.children] algo más abajo de los campos del cajón\n * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete\n */\nexport default function ServerTableFilterDrawer({fields, anchor, width, title, buttonLabel, onApply, children, texts, ...unknownProps}) {\n    warnUnknownProps('ServerTableFilterDrawer', unknownProps);\n    const {t} = useToolkitTranslation('common', texts);\n    const {filters, setFilters} = useTableFilter();\n    const [isOpen, setIsOpen] = useState(false);\n    const activeCount = activeDrawerFilterCountOf(fields, filters);\n\n    return (\n        <>\n            <Button size=\"small\" variant={activeCount > 0 ? 'contained' : 'outlined'} startIcon={<TuneRoundedIcon />}\n                    aria-haspopup=\"dialog\" onClick={() => setIsOpen(true)}>\n                {activeCount > 0 ? t('filterDrawer.openWithCount', {count: activeCount}) : (buttonLabel ?? t('filterDrawer.open'))}\n            </Button>\n            <FilterDrawer open={isOpen} onClose={() => setIsOpen(false)} fields={fields} values={filters} anchor={anchor} width={width} title={title}\n                          texts={texts}\n                          onApply={(values) => {\n                              setFilters(values);\n                              onApply?.(values);\n                          }}>\n                {children}\n            </FilterDrawer>\n        </>\n    );\n}\n"],"names":[],"mappings":";;;;;;;;;;AAkCA,SAAwB,wBAAwB,EAAC,QAAQ,QAAQ,OAAO,OAAO,aAAa,SAAS,UAAU,OAAO,GAAG,aAAA,GAAe;AACpI,mBAAiB,2BAA2B,YAAY;AACxD,QAAM,EAAC,EAAA,IAAK,sBAAsB,UAAU,KAAK;AACjD,QAAM,EAAC,SAAS,WAAA,IAAc,eAAA;AAC9B,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,QAAM,cAAc,0BAA0B,QAAQ,OAAO;AAE7D,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QAAO,MAAK;AAAA,QAAQ,SAAS,cAAc,IAAI,cAAc;AAAA,QAAY,+BAAY,iBAAA,EAAgB;AAAA,QAC9F,iBAAc;AAAA,QAAS,SAAS,MAAM,UAAU,IAAI;AAAA,QACvD,UAAA,cAAc,IAAI,EAAE,8BAA8B,EAAC,OAAO,YAAA,CAAY,IAAK,eAAe,EAAE,mBAAmB;AAAA,MAAA;AAAA,IAAA;AAAA,IAEpH;AAAA,MAAC;AAAA,MAAA;AAAA,QAAa,MAAM;AAAA,QAAQ,SAAS,MAAM,UAAU,KAAK;AAAA,QAAG;AAAA,QAAgB,QAAQ;AAAA,QAAS;AAAA,QAAgB;AAAA,QAAc;AAAA,QAC9G;AAAA,QACA,SAAS,CAAC,WAAW;AACjB,qBAAW,MAAM;AACjB,oBAAU,MAAM;AAAA,QACpB;AAAA,QACT;AAAA,MAAA;AAAA,IAAA;AAAA,EACL,GACJ;AAER;"}

package/dist/DataTable/filterContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"filterContext.js","sources":["../../src/DataTable/filterContext.js"],"sourcesContent":["// Contexto que comparten los encabezados de columna con la tabla.\n//\n// Existe para que renderHeader de cada columna no reciba media docena de props: el encabezado pide lo que necesita\n// (el filtro de SU campo, el orden y las facetas del servidor) y la tabla no se entera.\n//\n// Funciones puras, no renderizan: function (regla de la casa).\nimport {createContext, useContext} from 'react';\n\nexport const TableFilterContext = createContext(null);\n\n/**\n * @returns {{filters: object, setFilter: Function, clearFilter: Function, sortOrders: Array, toggleSort: Function, clearSort: Function, facets: object}}\n */\nexport function useTableFilter() {\n    const tableFilterValue = useContext(TableFilterContext);\n    if (!tableFilterValue) {\n        // mejor tronar aquí que pintar un encabezado muerto que no filtra y nadie entiende por qué\n        throw new Error('Un encabezado de columna se montó fuera de <ServerTable>.');\n    }\n    return tableFilterValue;\n}\n"],"names":[],"mappings":";;AAQY,MAAC,qBAAqB,cAAc,IAAI;AAK7C,SAAS,iBAAiB;AAC7B,QAAM,mBAAmB,WAAW,kBAAkB;AACtD,MAAI,CAAC,kBAAkB;AAEnB,UAAM,IAAI,MAAM,2DAA2D;AAAA,EAC/E;AACA,SAAO;AACX;"}
+{"version":3,"file":"filterContext.js","sources":["../../src/DataTable/filterContext.js"],"sourcesContent":["// Contexto que comparten los encabezados de columna con la tabla.\n//\n// Existe para que renderHeader de cada columna no reciba media docena de props: el encabezado pide lo que necesita\n// (el filtro de SU campo, el orden y las facetas del servidor) y la tabla no se entera.\n//\n// Funciones puras, no renderizan: function (regla de la casa).\nimport {createContext, useContext} from 'react';\n\nexport const TableFilterContext = createContext(null);\n\n/**\n * @returns {{filters: object, setFilter: Function, setFilters: Function, clearFilter: Function, sortOrders: Array, toggleSort: Function, clearSort: Function, facets: object}}\n */\nexport function useTableFilter() {\n    const tableFilterValue = useContext(TableFilterContext);\n    if (!tableFilterValue) {\n        // mejor tronar aquí que pintar un encabezado muerto que no filtra y nadie entiende por qué\n        throw new Error('Un encabezado de columna se montó fuera de <ServerTable>.');\n    }\n    return tableFilterValue;\n}\n"],"names":[],"mappings":";;AAQY,MAAC,qBAAqB,cAAc,IAAI;AAK7C,SAAS,iBAAiB;AAC7B,QAAM,mBAAmB,WAAW,kBAAkB;AACtD,MAAI,CAAC,kBAAkB;AAEnB,UAAM,IAAI,MAAM,2DAA2D;AAAA,EAC/E;AACA,SAAO;AACX;"}

package/dist/DataTable/goToPageOptions.js

@@ -0,0 +1,17 @@
+function pageNumbersOf(pageCount) {
+  return Array.from({ length: pageCount }, (unused, position) => position + 1);
+}
+function filterPages(pageNumbers, { inputValue }) {
+  const typedText = inputValue.trim();
+  if (!typedText) {
+    return pageNumbers;
+  }
+  const startingWith = pageNumbers.filter((pageNumber) => String(pageNumber).startsWith(typedText));
+  const containing = pageNumbers.filter((pageNumber) => !String(pageNumber).startsWith(typedText) && String(pageNumber).includes(typedText));
+  return [...startingWith, ...containing];
+}
+export {
+  filterPages,
+  pageNumbersOf
+};
+//# sourceMappingURL=goToPageOptions.js.map

package/dist/DataTable/goToPageOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"goToPageOptions.js","sources":["../../src/DataTable/goToPageOptions.js"],"sourcesContent":["// «Ir a la página N»: qué páginas enseña la lista según lo que se teclea.\n//\n// Sin recorte: GoToPage pinta solo las páginas que se ven (react-window), así que la lista puede traer decenas de miles de\n// páginas y deslizarse hasta la última. Al teclear, primero las que EMPIEZAN con lo tecleado (13 da 13, 130, 131...) y\n// después las que lo contienen (213, 1013...).\n//\n// Puro (sin React): se prueba con node (goToPageOptions.test.js).\n//\n// Genérico del paquete: function (regla de la casa).\n\n/**\n * @param {number} pageCount cuántas páginas tiene la tabla\n * @returns {number[]} las páginas como las cuenta una persona: 1, 2, 3... pageCount\n */\nexport function pageNumbersOf(pageCount) {\n    return Array.from({length: pageCount}, (unused, position) => position + 1);\n}\n\n/**\n * filterOptions del Autocomplete.\n *\n * @param {number[]} pageNumbers todas las páginas\n * @param {{inputValue: string}} state lo que lleva tecleado la persona\n * @returns {number[]} sin teclear, todas; tecleando, primero las que empiezan así y luego las que lo contienen\n */\nexport function filterPages(pageNumbers, {inputValue}) {\n    const typedText = inputValue.trim();\n    if (!typedText) {\n        return pageNumbers;\n    }\n\n    const startingWith = pageNumbers.filter((pageNumber) => String(pageNumber).startsWith(typedText));\n    const containing = pageNumbers.filter((pageNumber) => !String(pageNumber).startsWith(typedText) && String(pageNumber).includes(typedText));\n    return [...startingWith, ...containing];\n}\n"],"names":[],"mappings":"AAcO,SAAS,cAAc,WAAW;AACrC,SAAO,MAAM,KAAK,EAAC,QAAQ,UAAS,GAAG,CAAC,QAAQ,aAAa,WAAW,CAAC;AAC7E;AASO,SAAS,YAAY,aAAa,EAAC,WAAU,GAAG;AACnD,QAAM,YAAY,WAAW,KAAI;AACjC,MAAI,CAAC,WAAW;AACZ,WAAO;AAAA,EACX;AAEA,QAAM,eAAe,YAAY,OAAO,CAAC,eAAe,OAAO,UAAU,EAAE,WAAW,SAAS,CAAC;AAChG,QAAM,aAAa,YAAY,OAAO,CAAC,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,SAAS,KAAK,OAAO,UAAU,EAAE,SAAS,SAAS,CAAC;AACzI,SAAO,CAAC,GAAG,cAAc,GAAG,UAAU;AAC1C;"}

package/dist/date-pickers.js

@@ -1,8 +1,34 @@
-import { CALENDAR_DATE_FORMAT, default as default2 } from "./datePickers/DateInput.js";
+import { default as default2 } from "./datePickers/DateInput.js";
 import { default as default3 } from "./datePickers/FormDateField.js";
+import { default as default4 } from "./datePickers/DateTimeInput.js";
+import { default as default5 } from "./datePickers/FormDateTimeField.js";
+import { default as default6 } from "./datePickers/TimeInput.js";
+import { default as default7 } from "./datePickers/FormTimeField.js";
+import { default as default8 } from "./datePickers/MonthInput.js";
+import { default as default9 } from "./datePickers/FormMonthField.js";
+import { CALENDAR_DATE_FORMAT, CALENDAR_MONTH_FORMAT, DEFAULT_MINUTES_STEP, INSTANT_FORMAT, TIME_OF_DAY_FORMAT, earliestInstantFromNow, instantPlusMinutes, latestInstantOf, timeZoneNameOf } from "./datePickers/pickerValues.js";
+import { minutesAfterRule, minutesFromNowRule } from "./datePickers/dateTimeRules.js";
+import { useCurrentMinute } from "./datePickers/useCurrentMinute.js";
 export {
   CALENDAR_DATE_FORMAT,
+  CALENDAR_MONTH_FORMAT,
+  DEFAULT_MINUTES_STEP,
   default2 as DateInput,
-  default3 as FormDateField
+  default4 as DateTimeInput,
+  default3 as FormDateField,
+  default5 as FormDateTimeField,
+  default9 as FormMonthField,
+  default7 as FormTimeField,
+  INSTANT_FORMAT,
+  default8 as MonthInput,
+  TIME_OF_DAY_FORMAT,
+  default6 as TimeInput,
+  earliestInstantFromNow,
+  instantPlusMinutes,
+  latestInstantOf,
+  minutesAfterRule,
+  minutesFromNowRule,
+  timeZoneNameOf,
+  useCurrentMinute
 };
 //# sourceMappingURL=date-pickers.js.map

package/dist/date-pickers.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-pickers.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"date-pickers.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/dist/datePickers/DateInput.js

@@ -1,21 +1,11 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { useId } from "react";
 import dayjs from "dayjs";
-import "dayjs/locale/es";
-import { useToolkitTranslation } from "../toolkit/useToolkitTranslation.js";
-import { AdapterDayjs } from "@mui/x-date-pickers/AdapterDayjs";
 import { DatePicker } from "@mui/x-date-pickers/DatePicker";
-import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider";
-import { enUS, esES } from "@mui/x-date-pickers/locales";
-import { translateValidationMessage } from "../forms/validationMessages.js";
-import FieldFrame from "../inputs/FieldFrame.js";
+import PickerFrame, { textFieldSlotPropsOf } from "./PickerFrame.js";
+import { CALENDAR_DATE_FORMAT } from "./pickerValues.js";
+import { usePickerField } from "./usePickerField.js";
 import { warnUnknownProps } from "../toolkit/unknownProps.js";
-const CALENDAR_DATE_FORMAT = "YYYY-MM-DD";
-const DATE_LOOK_BY_LANGUAGE = Object.freeze({
-  es: { adapterLocale: "es", displayFormat: "DD/MM/YYYY", localeText: esES.components.MuiLocalizationProvider.defaultProps.localeText },
-  en: { adapterLocale: "en", displayFormat: "MM/DD/YYYY", localeText: enUS.components.MuiLocalizationProvider.defaultProps.localeText }
-});
 function pickerValueOf(calendarDate) {
   return calendarDate ? dayjs(calendarDate) : null;
 }
@@ -34,19 +24,17 @@ function DateInput({
   openTo = "day",
   disabled = false,
   inputRef,
+  pickerProps,
   texts,
   ...unknownProps
 }) {
   warnUnknownProps("DateInput", unknownProps);
-  const { t, language } = useToolkitTranslation("common", texts);
-  const generatedId = useId();
-  const inputId = `${name ?? "date"}-${generatedId}`;
-  const errorText = translateValidationMessage(t, error);
-  const look = DATE_LOOK_BY_LANGUAGE[language] ?? DATE_LOOK_BY_LANGUAGE.es;
-  return /* @__PURE__ */ jsx(FieldFrame, { inputId, label, children: /* @__PURE__ */ jsx(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale: look.adapterLocale, localeText: look.localeText, children: /* @__PURE__ */ jsx(
+  const { language, inputId, errorText, formats } = usePickerField({ name, kind: "date", error, texts });
+  return /* @__PURE__ */ jsx(PickerFrame, { inputId, label, language, children: /* @__PURE__ */ jsx(
     DatePicker,
     {
-      format: look.displayFormat,
+      ...pickerProps,
+      format: formats.date,
       value: pickerValueOf(value),
       minDate: pickerValueOf(minDate) ?? void 0,
       maxDate: pickerValueOf(maxDate) ?? void 0,
@@ -54,23 +42,16 @@ function DateInput({
       disablePast,
       disabled,
       openTo,
-      views: openTo === "year" ? ["year", "month", "day"] : void 0,
+      views: openTo === "year" ? ["year", "month", "day"] : pickerProps?.views,
       inputRef,
       onChange: (pickedDate) => onChange(pickedDate?.isValid() ? pickedDate.format(CALENDAR_DATE_FORMAT) : ""),
-      onClose: onBlur,
-      slotProps: {
-        textField: {
-          id: inputId,
-          name,
-          size: "small",
-          fullWidth: true,
-          onBlur,
-          error: Boolean(errorText),
-          helperText: errorText ?? helperText
-        }
-      }
+      onClose: () => {
+        pickerProps?.onClose?.();
+        onBlur?.();
+      },
+      slotProps: textFieldSlotPropsOf({ id: inputId, name, onBlur, error: Boolean(errorText), helperText: errorText ?? helperText }, pickerProps)
     }
-  ) }) });
+  ) });
 }
 export {
   CALENDAR_DATE_FORMAT,

package/dist/datePickers/DateInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateInput.js","sources":["../../src/datePickers/DateInput.jsx"],"sourcesContent":["// Campo de FECHA suelto con el DatePicker de MUI X (@stackcraftmx/calcita/date-pickers), con la etiqueta arriba como los\n// demás campos del paquete.\n//\n// Al formulario (y al servidor) viaja la fecha de calendario 'AAAA-MM-DD' en texto; en pantalla se ve DD/MM/AAAA en español\n// y MM/DD/AAAA en inglés, con el calendario y sus textos en el idioma activo. '' = sin fecha. Una fecha de calendario no\n// tiene hora ni zona: nunca se pasa por Date (que la movería de día según la zona).\n//\n// Cada campo trae su LocalizationProvider con dayjs: la pantalla no tiene que poner nada alrededor.\n//\n// Genérico del paquete: function (regla de la casa).\nimport {useId} from 'react';\nimport dayjs from 'dayjs';\nimport 'dayjs/locale/es';\nimport {useToolkitTranslation} from '@/toolkit/useToolkitTranslation.js';\nimport {AdapterDayjs} from '@mui/x-date-pickers/AdapterDayjs';\nimport {DatePicker} from '@mui/x-date-pickers/DatePicker';\nimport {LocalizationProvider} from '@mui/x-date-pickers/LocalizationProvider';\nimport {enUS, esES} from '@mui/x-date-pickers/locales';\n\nimport {translateValidationMessage} from '@/forms/validationMessages.js';\nimport FieldFrame from '@/inputs/FieldFrame.jsx';\nimport {warnUnknownProps} from '@/toolkit/unknownProps.js';\n\n/** Cómo viaja una fecha de calendario. */\nexport const CALENDAR_DATE_FORMAT = 'YYYY-MM-DD';\n\n// cómo se ve y con qué textos sale el calendario en cada idioma\nconst DATE_LOOK_BY_LANGUAGE = Object.freeze({\n    es: {adapterLocale: 'es', displayFormat: 'DD/MM/YYYY', localeText: esES.components.MuiLocalizationProvider.defaultProps.localeText},\n    en: {adapterLocale: 'en', displayFormat: 'MM/DD/YYYY', localeText: enUS.components.MuiLocalizationProvider.defaultProps.localeText},\n});\n\n/**\n * Una fecha de calendario 'AAAA-MM-DD' como la quiere el DatePicker; null si está vacía.\n *\n * @param {string|null|undefined} calendarDate\n * @returns {import('dayjs').Dayjs|null}\n */\nfunction pickerValueOf(calendarDate) {\n    // dayjs lee 'AAAA-MM-DD' como día local (a diferencia de new Date, que lo toma en UTC y lo mueve de día)\n    return calendarDate ? dayjs(calendarDate) : null;\n}\n\n/**\n * @param {object} props\n * @param {string} [props.name]\n * @param {string} props.label ya traducido\n * @param {string|null|undefined} props.value 'AAAA-MM-DD' o ''\n * @param {(value: string) => void} props.onChange recibe 'AAAA-MM-DD' ('' al borrar o con una fecha a medias)\n * @param {() => void} [props.onBlur]\n * @param {string|{key: string, values?: object}} [props.error]\n * @param {string} [props.helperText]\n * @param {string} [props.minDate] 'AAAA-MM-DD'\n * @param {string} [props.maxDate] 'AAAA-MM-DD'\n * @param {boolean} [props.disableFuture] p. ej. una fecha de nacimiento\n * @param {boolean} [props.disablePast] p. ej. una cita\n * @param {'day'|'month'|'year'} [props.openTo] por dónde abre el calendario (year para un nacimiento)\n * @param {boolean} [props.disabled]\n * @param {import('react').Ref<HTMLInputElement>} [props.inputRef]\n * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete\n */\nexport default function DateInput({\n    name, label, value, onChange, onBlur, error, helperText = ' ', minDate, maxDate, disableFuture = false, disablePast = false,\n    openTo = 'day', disabled = false, inputRef, texts,\n    ...unknownProps\n}) {\n    warnUnknownProps('DateInput', unknownProps);\n    const {t, language} = useToolkitTranslation('common', texts);\n    const generatedId = useId();\n    const inputId = `${name ?? 'date'}-${generatedId}`;\n    const errorText = translateValidationMessage(t, error);\n    const look = DATE_LOOK_BY_LANGUAGE[language] ?? DATE_LOOK_BY_LANGUAGE.es;\n\n    return (\n        <FieldFrame inputId={inputId} label={label}>\n            <LocalizationProvider dateAdapter={AdapterDayjs} adapterLocale={look.adapterLocale} localeText={look.localeText}>\n                <DatePicker\n                    format={look.displayFormat}\n                    value={pickerValueOf(value)}\n                    minDate={pickerValueOf(minDate) ?? undefined}\n                    maxDate={pickerValueOf(maxDate) ?? undefined}\n                    disableFuture={disableFuture}\n                    disablePast={disablePast}\n                    disabled={disabled}\n                    openTo={openTo}\n                    views={openTo === 'year' ? ['year', 'month', 'day'] : undefined}\n                    inputRef={inputRef}\n                    // una fecha a medias (25/1_/____) todavía no es fecha: viaja como vacía hasta que se complete\n                    onChange={(pickedDate) => onChange(pickedDate?.isValid() ? pickedDate.format(CALENDAR_DATE_FORMAT) : '')}\n                    onClose={onBlur}\n                    slotProps={{\n                        textField: {\n                            id: inputId, name, size: 'small', fullWidth: true, onBlur, error: Boolean(errorText), helperText: errorText ?? helperText,\n                        },\n                    }}\n                />\n            </LocalizationProvider>\n        </FieldFrame>\n    );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;AAwBO,MAAM,uBAAuB;AAGpC,MAAM,wBAAwB,OAAO,OAAO;AAAA,EACxC,IAAI,EAAC,eAAe,MAAM,eAAe,cAAc,YAAY,KAAK,WAAW,wBAAwB,aAAa,WAAA;AAAA,EACxH,IAAI,EAAC,eAAe,MAAM,eAAe,cAAc,YAAY,KAAK,WAAW,wBAAwB,aAAa,WAAA;AAC5H,CAAC;AAQD,SAAS,cAAc,cAAc;AAEjC,SAAO,eAAe,MAAM,YAAY,IAAI;AAChD;AAoBA,SAAwB,UAAU;AAAA,EAC9B;AAAA,EAAM;AAAA,EAAO;AAAA,EAAO;AAAA,EAAU;AAAA,EAAQ;AAAA,EAAO,aAAa;AAAA,EAAK;AAAA,EAAS;AAAA,EAAS,gBAAgB;AAAA,EAAO,cAAc;AAAA,EACtH,SAAS;AAAA,EAAO,WAAW;AAAA,EAAO;AAAA,EAAU;AAAA,EAC5C,GAAG;AACP,GAAG;AACC,mBAAiB,aAAa,YAAY;AAC1C,QAAM,EAAC,GAAG,SAAA,IAAY,sBAAsB,UAAU,KAAK;AAC3D,QAAM,cAAc,MAAA;AACpB,QAAM,UAAU,GAAG,QAAQ,MAAM,IAAI,WAAW;AAChD,QAAM,YAAY,2BAA2B,GAAG,KAAK;AACrD,QAAM,OAAO,sBAAsB,QAAQ,KAAK,sBAAsB;AAEtE,SACI,oBAAC,YAAA,EAAW,SAAkB,OAC1B,UAAA,oBAAC,sBAAA,EAAqB,aAAa,cAAc,eAAe,KAAK,eAAe,YAAY,KAAK,YACjG,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,QAAQ,KAAK;AAAA,MACb,OAAO,cAAc,KAAK;AAAA,MAC1B,SAAS,cAAc,OAAO,KAAK;AAAA,MACnC,SAAS,cAAc,OAAO,KAAK;AAAA,MACnC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO,WAAW,SAAS,CAAC,QAAQ,SAAS,KAAK,IAAI;AAAA,MACtD;AAAA,MAEA,UAAU,CAAC,eAAe,SAAS,YAAY,YAAY,WAAW,OAAO,oBAAoB,IAAI,EAAE;AAAA,MACvG,SAAS;AAAA,MACT,WAAW;AAAA,QACP,WAAW;AAAA,UACP,IAAI;AAAA,UAAS;AAAA,UAAM,MAAM;AAAA,UAAS,WAAW;AAAA,UAAM;AAAA,UAAQ,OAAO,QAAQ,SAAS;AAAA,UAAG,YAAY,aAAa;AAAA,QAAA;AAAA,MACnH;AAAA,IACJ;AAAA,EAAA,GAER,EAAA,CACJ;AAER;"}
+{"version":3,"file":"DateInput.js","sources":["../../src/datePickers/DateInput.jsx"],"sourcesContent":["// Campo de FECHA suelto con el DatePicker de MUI X (@stackcraftmx/calcita/date-pickers), con la etiqueta arriba como los\n// demás campos del paquete.\n//\n// Al formulario (y al servidor) viaja la fecha de calendario 'AAAA-MM-DD' en texto; en pantalla se ve DD/MM/AAAA en español\n// y MM/DD/AAAA en inglés, con el calendario y sus textos en el idioma activo. '' = sin fecha. Una fecha de calendario no\n// tiene hora ni zona: nunca se pasa por Date (que la movería de día según la zona).\n//\n// Cada campo trae su LocalizationProvider con dayjs (PickerFrame): la pantalla no tiene que poner nada alrededor.\n//\n// Genérico del paquete: function (regla de la casa).\nimport dayjs from 'dayjs';\nimport {DatePicker} from '@mui/x-date-pickers/DatePicker';\n\nimport PickerFrame, {textFieldSlotPropsOf} from '@/datePickers/PickerFrame.jsx';\nimport {CALENDAR_DATE_FORMAT} from '@/datePickers/pickerValues.js';\nimport {usePickerField} from '@/datePickers/usePickerField.js';\nimport {warnUnknownProps} from '@/toolkit/unknownProps.js';\n\nexport {CALENDAR_DATE_FORMAT};\n\n/**\n * Una fecha de calendario 'AAAA-MM-DD' como la quiere el DatePicker; null si está vacía.\n *\n * @param {string|null|undefined} calendarDate\n * @returns {import('dayjs').Dayjs|null}\n */\nfunction pickerValueOf(calendarDate) {\n    // dayjs lee 'AAAA-MM-DD' como día local (a diferencia de new Date, que lo toma en UTC y lo mueve de día)\n    return calendarDate ? dayjs(calendarDate) : null;\n}\n\n/**\n * @param {object} props\n * @param {string} [props.name]\n * @param {string} props.label ya traducido\n * @param {string|null|undefined} props.value 'AAAA-MM-DD' o ''\n * @param {(value: string) => void} props.onChange recibe 'AAAA-MM-DD' ('' al borrar o con una fecha a medias)\n * @param {() => void} [props.onBlur]\n * @param {string|{key: string, values?: object}} [props.error]\n * @param {string} [props.helperText]\n * @param {string} [props.minDate] 'AAAA-MM-DD'\n * @param {string} [props.maxDate] 'AAAA-MM-DD'\n * @param {boolean} [props.disableFuture] p. ej. una fecha de nacimiento\n * @param {boolean} [props.disablePast] p. ej. una cita\n * @param {'day'|'month'|'year'} [props.openTo] por dónde abre el calendario (year para un nacimiento)\n * @param {boolean} [props.disabled]\n * @param {import('react').Ref<HTMLInputElement>} [props.inputRef]\n * @param {object} [props.pickerProps] lo demás del DatePicker de MUI X que aquí no tiene nombre (shouldDisableDate, slots,\n *     slotProps…); value y onChange son del campo\n * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete\n */\nexport default function DateInput({\n    name, label, value, onChange, onBlur, error, helperText = ' ', minDate, maxDate, disableFuture = false, disablePast = false,\n    openTo = 'day', disabled = false, inputRef, pickerProps, texts,\n    ...unknownProps\n}) {\n    warnUnknownProps('DateInput', unknownProps);\n    const {language, inputId, errorText, formats} = usePickerField({name, kind: 'date', error, texts});\n\n    return (\n        <PickerFrame inputId={inputId} label={label} language={language}>\n            <DatePicker\n                {...pickerProps}\n                format={formats.date}\n                value={pickerValueOf(value)}\n                minDate={pickerValueOf(minDate) ?? undefined}\n                maxDate={pickerValueOf(maxDate) ?? undefined}\n                disableFuture={disableFuture}\n                disablePast={disablePast}\n                disabled={disabled}\n                openTo={openTo}\n                views={openTo === 'year' ? ['year', 'month', 'day'] : pickerProps?.views}\n                inputRef={inputRef}\n                // una fecha a medias (25/1_/____) todavía no es fecha: viaja como vacía hasta que se complete\n                onChange={(pickedDate) => onChange(pickedDate?.isValid() ? pickedDate.format(CALENDAR_DATE_FORMAT) : '')}\n                onClose={() => {\n                    pickerProps?.onClose?.();\n                    onBlur?.();\n                }}\n                slotProps={textFieldSlotPropsOf({id: inputId, name, onBlur, error: Boolean(errorText), helperText: errorText ?? helperText}, pickerProps)}\n            />\n        </PickerFrame>\n    );\n}\n"],"names":[],"mappings":";;;;;;;;AA0BA,SAAS,cAAc,cAAc;AAEjC,SAAO,eAAe,MAAM,YAAY,IAAI;AAChD;AAsBA,SAAwB,UAAU;AAAA,EAC9B;AAAA,EAAM;AAAA,EAAO;AAAA,EAAO;AAAA,EAAU;AAAA,EAAQ;AAAA,EAAO,aAAa;AAAA,EAAK;AAAA,EAAS;AAAA,EAAS,gBAAgB;AAAA,EAAO,cAAc;AAAA,EACtH,SAAS;AAAA,EAAO,WAAW;AAAA,EAAO;AAAA,EAAU;AAAA,EAAa;AAAA,EACzD,GAAG;AACP,GAAG;AACC,mBAAiB,aAAa,YAAY;AAC1C,QAAM,EAAC,UAAU,SAAS,WAAW,QAAA,IAAW,eAAe,EAAC,MAAM,MAAM,QAAQ,OAAO,OAAM;AAEjG,SACI,oBAAC,aAAA,EAAY,SAAkB,OAAc,UACzC,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,QAAQ,QAAQ;AAAA,MAChB,OAAO,cAAc,KAAK;AAAA,MAC1B,SAAS,cAAc,OAAO,KAAK;AAAA,MACnC,SAAS,cAAc,OAAO,KAAK;AAAA,MACnC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO,WAAW,SAAS,CAAC,QAAQ,SAAS,KAAK,IAAI,aAAa;AAAA,MACnE;AAAA,MAEA,UAAU,CAAC,eAAe,SAAS,YAAY,YAAY,WAAW,OAAO,oBAAoB,IAAI,EAAE;AAAA,MACvG,SAAS,MAAM;AACX,qBAAa,UAAA;AACb,iBAAA;AAAA,MACJ;AAAA,MACA,WAAW,qBAAqB,EAAC,IAAI,SAAS,MAAM,QAAQ,OAAO,QAAQ,SAAS,GAAG,YAAY,aAAa,WAAA,GAAa,WAAW;AAAA,IAAA;AAAA,EAAA,GAEhJ;AAER;"}

package/dist/datePickers/DateTimeInput.js

@@ -0,0 +1,75 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { DateTimePicker } from "@mui/x-date-pickers/DateTimePicker";
+import PickerFrame, { textFieldSlotPropsOf } from "./PickerFrame.js";
+import { timeZoneNameOf, latestInstantOf, earliestInstantFromNow, DEFAULT_MINUTES_STEP, instantTextOf, pickerInstantOf } from "./pickerValues.js";
+import { useCurrentMinute } from "./useCurrentMinute.js";
+import { usePickerField } from "./usePickerField.js";
+import { intlLocaleOf } from "../toolkit/toolkitSettings.js";
+import { useToolkitSettings } from "../toolkit/toolkitContext.js";
+import { warnUnknownProps } from "../toolkit/unknownProps.js";
+const HELPER_SEPARATOR = " · ";
+function DateTimeInput({
+  name,
+  label,
+  value,
+  onChange,
+  onBlur,
+  error,
+  helperText,
+  minDateTime,
+  minimumMinutesFromNow,
+  maxDateTime,
+  disableFuture = false,
+  disablePast = false,
+  minutesStep = DEFAULT_MINUTES_STEP,
+  timeZone,
+  showTimeZone = true,
+  timeZoneLabel,
+  disabled = false,
+  inputRef,
+  pickerProps,
+  texts,
+  ...unknownProps
+}) {
+  warnUnknownProps("DateTimeInput", unknownProps);
+  const field = usePickerField({ name, kind: "dateTime", error, texts });
+  const { languages } = useToolkitSettings();
+  const shownTimeZone = timeZone ?? field.timeZone;
+  const zoneText = showTimeZone ? timeZoneLabel ?? timeZoneNameOf(shownTimeZone, intlLocaleOf(field.language, languages)) : null;
+  const helperLine = [helperText, zoneText].filter(Boolean).join(HELPER_SEPARATOR) || " ";
+  const hasClockRule = minimumMinutesFromNow != null;
+  const currentMinute = useCurrentMinute(hasClockRule);
+  const earliest = latestInstantOf(minDateTime, hasClockRule ? earliestInstantFromNow(minimumMinutesFromNow, currentMinute) : "");
+  return /* @__PURE__ */ jsx(PickerFrame, { inputId: field.inputId, label, language: field.language, children: /* @__PURE__ */ jsx(
+    DateTimePicker,
+    {
+      ...pickerProps,
+      timezone: shownTimeZone,
+      format: field.formats.dateTime,
+      ampm: field.formats.ampm,
+      value: pickerInstantOf(value, shownTimeZone),
+      minDateTime: pickerInstantOf(earliest, shownTimeZone) ?? void 0,
+      maxDateTime: pickerInstantOf(maxDateTime, shownTimeZone) ?? void 0,
+      disableFuture,
+      disablePast,
+      disabled,
+      minutesStep,
+      timeSteps: { minutes: minutesStep, ...pickerProps?.timeSteps },
+      inputRef,
+      onChange: (pickedValue) => onChange(instantTextOf(pickedValue)),
+      onClose: () => {
+        pickerProps?.onClose?.();
+        onBlur?.();
+      },
+      slotProps: textFieldSlotPropsOf(
+        { id: field.inputId, name, onBlur, error: Boolean(field.errorText), helperText: field.errorText ?? helperLine },
+        pickerProps
+      )
+    }
+  ) });
+}
+export {
+  DateTimeInput as default
+};
+//# sourceMappingURL=DateTimeInput.js.map

package/dist/datePickers/DateTimeInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimeInput.js","sources":["../../src/datePickers/DateTimeInput.jsx"],"sourcesContent":["// Campo de FECHA CON HORA suelto con el DateTimePicker de MUI X (@stackcraftmx/calcita/date-pickers), para un instante:\n// una cita, un envío programado, «posponer hasta».\n//\n// Viaja como instante en UTC ('2026-11-01T18:30:00Z') y se pinta en la zona del proveedor (ToolkitProvider timeZone),\n// rotulada abajo con su nombre («Hora estándar central»): quien lo ve sabe en qué hora está escribiendo aunque su equipo\n// esté en otra zona. Lee también lo que llega del servidor con desfase ('…-06:00'). '' = vacío. La hora sale de 24 horas o\n// con a.m. y p.m. según el hourCycle del proveedor.\n//\n// Los minutos van de uno en uno (minutesStep los cambia). Para «al menos N minutos después de ahora» (publicar con\n// anticipación) está minimumMinutesFromNow: el mínimo se recorre solo con el reloj mientras la pantalla está abierta. Para\n// «el fin, al menos N minutos después del inicio», minDateTime={instantPlusMinutes(startsAt, N)}. Con formik, las mismas\n// reglas en yup: minutesFromNowRule y minutesAfterRule (el servidor vuelve a revisar).\n//\n// Para una hora del día sin fecha («abre a las 09:00») va TimeInput; para una fecha sin hora, DateInput.\n//\n// Genérico del paquete: function (regla de la casa).\nimport {DateTimePicker} from '@mui/x-date-pickers/DateTimePicker';\n\nimport PickerFrame, {textFieldSlotPropsOf} from '@/datePickers/PickerFrame.jsx';\nimport {\n    DEFAULT_MINUTES_STEP, earliestInstantFromNow, instantTextOf, latestInstantOf, pickerInstantOf, timeZoneNameOf,\n} from '@/datePickers/pickerValues.js';\nimport {useCurrentMinute} from '@/datePickers/useCurrentMinute.js';\nimport {usePickerField} from '@/datePickers/usePickerField.js';\nimport {intlLocaleOf} from '@/toolkit/toolkitSettings.js';\nimport {useToolkitSettings} from '@/toolkit/toolkitContext.js';\nimport {warnUnknownProps} from '@/toolkit/unknownProps.js';\n\n// entre la ayuda de la pantalla y el nombre de la zona\nconst HELPER_SEPARATOR = ' · ';\n\n/**\n * @param {object} props\n * @param {string} [props.name]\n * @param {string} props.label ya traducido\n * @param {string|null|undefined} props.value el instante ('2026-11-01T18:30:00Z' o con desfase) o ''\n * @param {(value: string) => void} props.onChange recibe el instante en UTC ('' al borrar o a medias)\n * @param {() => void} [props.onBlur]\n * @param {string|{key: string, values?: object}} [props.error]\n * @param {string} [props.helperText] ya traducida; va antes del nombre de la zona\n * @param {string} [props.minDateTime] instante (el fin de algo: instantPlusMinutes(startsAt, 30))\n * @param {number} [props.minimumMinutesFromNow] al menos tantos minutos después de ahora; se recorre con el reloj\n * @param {string} [props.maxDateTime] instante\n * @param {boolean} [props.disableFuture]\n * @param {boolean} [props.disablePast] p. ej. un envío programado\n * @param {number} [props.minutesStep] de cuánto en cuánto van los minutos; por omisión de uno en uno (15 para citas de\n *     cuarto de hora)\n * @param {string} [props.timeZone] otra zona que la del proveedor (la de una sucursal); rotulada igual\n * @param {boolean} [props.showTimeZone] false quita el nombre de la zona de abajo (por omisión se ve)\n * @param {string} [props.timeZoneLabel] ya traducido, en lugar del nombre que da el navegador\n * @param {boolean} [props.disabled]\n * @param {import('react').Ref<HTMLInputElement>} [props.inputRef]\n * @param {object} [props.pickerProps] lo demás del DateTimePicker de MUI X que aquí no tiene nombre (views, shouldDisableDate,\n *     slots, slotProps…); value y onChange son del campo\n * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete\n */\nexport default function DateTimeInput({\n    name, label, value, onChange, onBlur, error, helperText, minDateTime, minimumMinutesFromNow, maxDateTime, disableFuture = false,\n    disablePast = false, minutesStep = DEFAULT_MINUTES_STEP, timeZone, showTimeZone = true, timeZoneLabel, disabled = false, inputRef, pickerProps, texts,\n    ...unknownProps\n}) {\n    warnUnknownProps('DateTimeInput', unknownProps);\n    const field = usePickerField({name, kind: 'dateTime', error, texts});\n    const {languages} = useToolkitSettings();\n    const shownTimeZone = timeZone ?? field.timeZone;\n    const zoneText = showTimeZone ? (timeZoneLabel ?? timeZoneNameOf(shownTimeZone, intlLocaleOf(field.language, languages))) : null;\n    const helperLine = [helperText, zoneText].filter(Boolean).join(HELPER_SEPARATOR) || ' ';\n    // el mínimo que de verdad aplica: el que da la pantalla o el de «ahora + N minutos», el más tarde\n    const hasClockRule = minimumMinutesFromNow != null;\n    const currentMinute = useCurrentMinute(hasClockRule);\n    const earliest = latestInstantOf(minDateTime, hasClockRule ? earliestInstantFromNow(minimumMinutesFromNow, currentMinute) : '');\n\n    return (\n        <PickerFrame inputId={field.inputId} label={label} language={field.language}>\n            <DateTimePicker\n                {...pickerProps}\n                timezone={shownTimeZone}\n                format={field.formats.dateTime}\n                ampm={field.formats.ampm}\n                value={pickerInstantOf(value, shownTimeZone)}\n                minDateTime={pickerInstantOf(earliest, shownTimeZone) ?? undefined}\n                maxDateTime={pickerInstantOf(maxDateTime, shownTimeZone) ?? undefined}\n                disableFuture={disableFuture}\n                disablePast={disablePast}\n                disabled={disabled}\n                minutesStep={minutesStep}\n                timeSteps={{minutes: minutesStep, ...pickerProps?.timeSteps}}\n                inputRef={inputRef}\n                onChange={(pickedValue) => onChange(instantTextOf(pickedValue))}\n                onClose={() => {\n                    pickerProps?.onClose?.();\n                    onBlur?.();\n                }}\n                slotProps={textFieldSlotPropsOf(\n                    {id: field.inputId, name, onBlur, error: Boolean(field.errorText), helperText: field.errorText ?? helperLine},\n                    pickerProps,\n                )}\n            />\n        </PickerFrame>\n    );\n}\n"],"names":[],"mappings":";;;;;;;;;;AA6BA,MAAM,mBAAmB;AA2BzB,SAAwB,cAAc;AAAA,EAClC;AAAA,EAAM;AAAA,EAAO;AAAA,EAAO;AAAA,EAAU;AAAA,EAAQ;AAAA,EAAO;AAAA,EAAY;AAAA,EAAa;AAAA,EAAuB;AAAA,EAAa,gBAAgB;AAAA,EAC1H,cAAc;AAAA,EAAO,cAAc;AAAA,EAAsB;AAAA,EAAU,eAAe;AAAA,EAAM;AAAA,EAAe,WAAW;AAAA,EAAO;AAAA,EAAU;AAAA,EAAa;AAAA,EAChJ,GAAG;AACP,GAAG;AACC,mBAAiB,iBAAiB,YAAY;AAC9C,QAAM,QAAQ,eAAe,EAAC,MAAM,MAAM,YAAY,OAAO,OAAM;AACnE,QAAM,EAAC,UAAA,IAAa,mBAAA;AACpB,QAAM,gBAAgB,YAAY,MAAM;AACxC,QAAM,WAAW,eAAgB,iBAAiB,eAAe,eAAe,aAAa,MAAM,UAAU,SAAS,CAAC,IAAK;AAC5H,QAAM,aAAa,CAAC,YAAY,QAAQ,EAAE,OAAO,OAAO,EAAE,KAAK,gBAAgB,KAAK;AAEpF,QAAM,eAAe,yBAAyB;AAC9C,QAAM,gBAAgB,iBAAiB,YAAY;AACnD,QAAM,WAAW,gBAAgB,aAAa,eAAe,uBAAuB,uBAAuB,aAAa,IAAI,EAAE;AAE9H,SACI,oBAAC,eAAY,SAAS,MAAM,SAAS,OAAc,UAAU,MAAM,UAC/D,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,UAAU;AAAA,MACV,QAAQ,MAAM,QAAQ;AAAA,MACtB,MAAM,MAAM,QAAQ;AAAA,MACpB,OAAO,gBAAgB,OAAO,aAAa;AAAA,MAC3C,aAAa,gBAAgB,UAAU,aAAa,KAAK;AAAA,MACzD,aAAa,gBAAgB,aAAa,aAAa,KAAK;AAAA,MAC5D;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,EAAC,SAAS,aAAa,GAAG,aAAa,UAAA;AAAA,MAClD;AAAA,MACA,UAAU,CAAC,gBAAgB,SAAS,cAAc,WAAW,CAAC;AAAA,MAC9D,SAAS,MAAM;AACX,qBAAa,UAAA;AACb,iBAAA;AAAA,MACJ;AAAA,MACA,WAAW;AAAA,QACP,EAAC,IAAI,MAAM,SAAS,MAAM,QAAQ,OAAO,QAAQ,MAAM,SAAS,GAAG,YAAY,MAAM,aAAa,WAAA;AAAA,QAClG;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA,GAER;AAER;"}

package/dist/datePickers/FormDateTimeField.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import DateTimeInput from "./DateTimeInput.js";
+import { useFormikField } from "../forms/useFormikField.js";
+function FormDateTimeField({ name, ...inputProps }) {
+  const fieldProps = useFormikField(name);
+  return /* @__PURE__ */ jsx(DateTimeInput, { ...inputProps, ...fieldProps });
+}
+export {
+  FormDateTimeField as default
+};
+//# sourceMappingURL=FormDateTimeField.js.map

package/dist/datePickers/FormDateTimeField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormDateTimeField.js","sources":["../../src/datePickers/FormDateTimeField.jsx"],"sourcesContent":["// Campo de fecha con hora de formik: DateTimeInput conectado a su campo. Al formulario llega el instante en\n// UTC ('2026-11-01T18:30:00Z').\n//\n// Con react-hook-form no hay uno listo (esta puerta no pide react-hook-form): DateTimeInput va dentro de un Controller.\n//\n// Genérico del paquete: function (regla de la casa).\nimport DateTimeInput from '@/datePickers/DateTimeInput.jsx';\nimport {useFormikField} from '@/forms/useFormikField.js';\n\n/**\n * @param {{name: string} & Omit<Parameters<typeof import('@/datePickers/DateTimeInput.jsx').default>[0], 'name'|'value'|'onChange'|'onBlur'|'error'>} props las de\n *     DateTimeInput (minDateTime, minimumMinutesFromNow, disablePast, minutesStep, timeZone…), sin value / onChange / onBlur / error\n */\nexport default function FormDateTimeField({name, ...inputProps}) {\n    const fieldProps = useFormikField(name);\n    return <DateTimeInput {...inputProps} {...fieldProps} />;\n}\n"],"names":[],"mappings":";;;;AAaA,SAAwB,kBAAkB,EAAC,MAAM,GAAG,cAAa;AAC7D,QAAM,aAAa,eAAe,IAAI;AACtC,SAAO,oBAAC,eAAA,EAAe,GAAG,YAAa,GAAG,WAAA,CAAY;AAC1D;"}

package/dist/datePickers/FormMonthField.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import MonthInput from "./MonthInput.js";
+import { useFormikField } from "../forms/useFormikField.js";
+function FormMonthField({ name, ...inputProps }) {
+  const fieldProps = useFormikField(name);
+  return /* @__PURE__ */ jsx(MonthInput, { ...inputProps, ...fieldProps });
+}
+export {
+  FormMonthField as default
+};
+//# sourceMappingURL=FormMonthField.js.map

package/dist/datePickers/FormMonthField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormMonthField.js","sources":["../../src/datePickers/FormMonthField.jsx"],"sourcesContent":["// Campo de mes de formik: MonthInput conectado a su campo. Al formulario llega 'AAAA-MM'.\n//\n// Con react-hook-form no hay uno listo (esta puerta no pide react-hook-form): MonthInput va dentro de un Controller.\n//\n// Genérico del paquete: function (regla de la casa).\nimport MonthInput from '@/datePickers/MonthInput.jsx';\nimport {useFormikField} from '@/forms/useFormikField.js';\n\n/**\n * @param {{name: string} & Omit<Parameters<typeof import('@/datePickers/MonthInput.jsx').default>[0], 'name'|'value'|'onChange'|'onBlur'|'error'>} props las de\n *     MonthInput (minMonth, maxMonth, disableFuture…), sin value / onChange / onBlur / error\n */\nexport default function FormMonthField({name, ...inputProps}) {\n    const fieldProps = useFormikField(name);\n    return <MonthInput {...inputProps} {...fieldProps} />;\n}\n"],"names":[],"mappings":";;;;AAYA,SAAwB,eAAe,EAAC,MAAM,GAAG,cAAa;AAC1D,QAAM,aAAa,eAAe,IAAI;AACtC,SAAO,oBAAC,YAAA,EAAY,GAAG,YAAa,GAAG,WAAA,CAAY;AACvD;"}

package/dist/datePickers/FormTimeField.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import TimeInput from "./TimeInput.js";
+import { useFormikField } from "../forms/useFormikField.js";
+function FormTimeField({ name, ...inputProps }) {
+  const fieldProps = useFormikField(name);
+  return /* @__PURE__ */ jsx(TimeInput, { ...inputProps, ...fieldProps });
+}
+export {
+  FormTimeField as default
+};
+//# sourceMappingURL=FormTimeField.js.map

package/dist/datePickers/FormTimeField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormTimeField.js","sources":["../../src/datePickers/FormTimeField.jsx"],"sourcesContent":["// Campo de hora de formik: TimeInput conectado a su campo. Al formulario llega 'HH:mm'.\n//\n// Con react-hook-form no hay uno listo (esta puerta no pide react-hook-form): TimeInput va dentro de un Controller.\n//\n// Genérico del paquete: function (regla de la casa).\nimport TimeInput from '@/datePickers/TimeInput.jsx';\nimport {useFormikField} from '@/forms/useFormikField.js';\n\n/**\n * @param {{name: string} & Omit<Parameters<typeof import('@/datePickers/TimeInput.jsx').default>[0], 'name'|'value'|'onChange'|'onBlur'|'error'>} props las de\n *     TimeInput (minTime, maxTime, minutesStep…), sin value / onChange / onBlur / error\n */\nexport default function FormTimeField({name, ...inputProps}) {\n    const fieldProps = useFormikField(name);\n    return <TimeInput {...inputProps} {...fieldProps} />;\n}\n"],"names":[],"mappings":";;;;AAYA,SAAwB,cAAc,EAAC,MAAM,GAAG,cAAa;AACzD,QAAM,aAAa,eAAe,IAAI;AACtC,SAAO,oBAAC,WAAA,EAAW,GAAG,YAAa,GAAG,WAAA,CAAY;AACtD;"}

package/dist/datePickers/MonthInput.js

@@ -0,0 +1,58 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { DatePicker } from "@mui/x-date-pickers/DatePicker";
+import PickerFrame, { textFieldSlotPropsOf } from "./PickerFrame.js";
+import { monthTextOf, pickerMonthOf } from "./pickerValues.js";
+import { usePickerField } from "./usePickerField.js";
+import { warnUnknownProps } from "../toolkit/unknownProps.js";
+const MONTH_VIEWS = ["year", "month"];
+function MonthInput({
+  name,
+  label,
+  value,
+  onChange,
+  onBlur,
+  error,
+  helperText = " ",
+  minMonth,
+  maxMonth,
+  disableFuture = false,
+  disablePast = false,
+  disabled = false,
+  inputRef,
+  pickerProps,
+  texts,
+  ...unknownProps
+}) {
+  warnUnknownProps("MonthInput", unknownProps);
+  const field = usePickerField({ name, kind: "month", error, texts });
+  return /* @__PURE__ */ jsx(PickerFrame, { inputId: field.inputId, label, language: field.language, children: /* @__PURE__ */ jsx(
+    DatePicker,
+    {
+      ...pickerProps,
+      views: MONTH_VIEWS,
+      openTo: "month",
+      format: field.formats.month,
+      value: pickerMonthOf(value),
+      minDate: pickerMonthOf(minMonth) ?? void 0,
+      maxDate: pickerMonthOf(maxMonth) ?? void 0,
+      disableFuture,
+      disablePast,
+      disabled,
+      inputRef,
+      onChange: (pickedValue) => onChange(monthTextOf(pickedValue)),
+      onClose: () => {
+        pickerProps?.onClose?.();
+        onBlur?.();
+      },
+      slotProps: textFieldSlotPropsOf(
+        { id: field.inputId, name, onBlur, error: Boolean(field.errorText), helperText: field.errorText ?? helperText },
+        pickerProps
+      )
+    }
+  ) });
+}
+export {
+  MonthInput as default
+};
+//# sourceMappingURL=MonthInput.js.map

package/dist/datePickers/MonthInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonthInput.js","sources":["../../src/datePickers/MonthInput.jsx"],"sourcesContent":["// Campo de MES suelto con el DatePicker de MUI X en meses y años (@stackcraftmx/calcita/date-pickers): el mes de un\n// reporte, de un saldo, de un cierre.\n//\n// Viaja 'AAAA-MM' en texto y se ve con el nombre del mes en el idioma activo («noviembre 2026»). Abre en los meses del año\n// que ya tiene; el año se cambia arriba. '' = vacío. Como la fecha, no se pasa por Date (que lo movería de mes según la\n// zona el día 1).\n//\n// Genérico del paquete: function (regla de la casa).\nimport {DatePicker} from '@mui/x-date-pickers/DatePicker';\n\nimport PickerFrame, {textFieldSlotPropsOf} from '@/datePickers/PickerFrame.jsx';\nimport {monthTextOf, pickerMonthOf} from '@/datePickers/pickerValues.js';\nimport {usePickerField} from '@/datePickers/usePickerField.js';\nimport {warnUnknownProps} from '@/toolkit/unknownProps.js';\n\n// primero el año y luego el mes: el selector abre en los meses y el año se cambia con su botón de arriba\nconst MONTH_VIEWS = ['year', 'month'];\n\n/**\n * @param {object} props\n * @param {string} [props.name]\n * @param {string} props.label ya traducido\n * @param {string|null|undefined} props.value 'AAAA-MM' o ''\n * @param {(value: string) => void} props.onChange recibe 'AAAA-MM' ('' al borrar o a medias)\n * @param {() => void} [props.onBlur]\n * @param {string|{key: string, values?: object}} [props.error]\n * @param {string} [props.helperText]\n * @param {string} [props.minMonth] 'AAAA-MM'\n * @param {string} [props.maxMonth] 'AAAA-MM'\n * @param {boolean} [props.disableFuture] p. ej. el mes de un reporte que ya cerró\n * @param {boolean} [props.disablePast]\n * @param {boolean} [props.disabled]\n * @param {import('react').Ref<HTMLInputElement>} [props.inputRef]\n * @param {object} [props.pickerProps] lo demás del DatePicker de MUI X que aquí no tiene nombre (shouldDisableMonth, slots,\n *     slotProps…); value y onChange son del campo\n * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete\n */\nexport default function MonthInput({\n    name, label, value, onChange, onBlur, error, helperText = ' ', minMonth, maxMonth, disableFuture = false, disablePast = false,\n    disabled = false, inputRef, pickerProps, texts,\n    ...unknownProps\n}) {\n    warnUnknownProps('MonthInput', unknownProps);\n    const field = usePickerField({name, kind: 'month', error, texts});\n\n    return (\n        <PickerFrame inputId={field.inputId} label={label} language={field.language}>\n            <DatePicker\n                {...pickerProps}\n                views={MONTH_VIEWS}\n                openTo=\"month\"\n                format={field.formats.month}\n                value={pickerMonthOf(value)}\n                minDate={pickerMonthOf(minMonth) ?? undefined}\n                maxDate={pickerMonthOf(maxMonth) ?? undefined}\n                disableFuture={disableFuture}\n                disablePast={disablePast}\n                disabled={disabled}\n                inputRef={inputRef}\n                onChange={(pickedValue) => onChange(monthTextOf(pickedValue))}\n                onClose={() => {\n                    pickerProps?.onClose?.();\n                    onBlur?.();\n                }}\n                slotProps={textFieldSlotPropsOf(\n                    {id: field.inputId, name, onBlur, error: Boolean(field.errorText), helperText: field.errorText ?? helperText},\n                    pickerProps,\n                )}\n            />\n        </PickerFrame>\n    );\n}\n"],"names":[],"mappings":";;;;;;;AAgBA,MAAM,cAAc,CAAC,QAAQ,OAAO;AAqBpC,SAAwB,WAAW;AAAA,EAC/B;AAAA,EAAM;AAAA,EAAO;AAAA,EAAO;AAAA,EAAU;AAAA,EAAQ;AAAA,EAAO,aAAa;AAAA,EAAK;AAAA,EAAU;AAAA,EAAU,gBAAgB;AAAA,EAAO,cAAc;AAAA,EACxH,WAAW;AAAA,EAAO;AAAA,EAAU;AAAA,EAAa;AAAA,EACzC,GAAG;AACP,GAAG;AACC,mBAAiB,cAAc,YAAY;AAC3C,QAAM,QAAQ,eAAe,EAAC,MAAM,MAAM,SAAS,OAAO,OAAM;AAEhE,SACI,oBAAC,eAAY,SAAS,MAAM,SAAS,OAAc,UAAU,MAAM,UAC/D,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,OAAO;AAAA,MACP,QAAO;AAAA,MACP,QAAQ,MAAM,QAAQ;AAAA,MACtB,OAAO,cAAc,KAAK;AAAA,MAC1B,SAAS,cAAc,QAAQ,KAAK;AAAA,MACpC,SAAS,cAAc,QAAQ,KAAK;AAAA,MACpC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU,CAAC,gBAAgB,SAAS,YAAY,WAAW,CAAC;AAAA,MAC5D,SAAS,MAAM;AACX,qBAAa,UAAA;AACb,iBAAA;AAAA,MACJ;AAAA,MACA,WAAW;AAAA,QACP,EAAC,IAAI,MAAM,SAAS,MAAM,QAAQ,OAAO,QAAQ,MAAM,SAAS,GAAG,YAAY,MAAM,aAAa,WAAA;AAAA,QAClG;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA,GAER;AAER;"}

package/dist/datePickers/PickerFrame.js

@@ -0,0 +1,27 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import "dayjs/locale/es.js";
+import { AdapterDayjs } from "@mui/x-date-pickers/AdapterDayjs";
+import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider";
+import { enUS, esES } from "@mui/x-date-pickers/locales";
+import FieldFrame from "../inputs/FieldFrame.js";
+const ADAPTER_BY_LANGUAGE = Object.freeze({
+  es: { adapterLocale: "es", localeText: esES.components.MuiLocalizationProvider.defaultProps.localeText },
+  en: { adapterLocale: "en", localeText: enUS.components.MuiLocalizationProvider.defaultProps.localeText }
+});
+function textFieldSlotPropsOf(textField, pickerProps) {
+  const screenSlotProps = pickerProps?.slotProps ?? {};
+  return {
+    ...screenSlotProps,
+    textField: { size: "small", fullWidth: true, ...textField, ...screenSlotProps.textField }
+  };
+}
+function PickerFrame({ inputId, label, language, children }) {
+  const adapter = ADAPTER_BY_LANGUAGE[language] ?? ADAPTER_BY_LANGUAGE.es;
+  return /* @__PURE__ */ jsx(FieldFrame, { inputId, label, children: /* @__PURE__ */ jsx(LocalizationProvider, { dateAdapter: AdapterDayjs, adapterLocale: adapter.adapterLocale, localeText: adapter.localeText, children }) });
+}
+export {
+  PickerFrame as default,
+  textFieldSlotPropsOf
+};
+//# sourceMappingURL=PickerFrame.js.map

package/dist/datePickers/PickerFrame.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PickerFrame.js","sources":["../../src/datePickers/PickerFrame.jsx"],"sourcesContent":["// El marco que comparten los campos de fecha, fecha con hora, hora y mes: la etiqueta arriba como los demás campos del\n// paquete (FieldFrame; dentro de una FormSection, el renglón de Apple) y el LocalizationProvider de MUI X con dayjs, el\n// idioma activo y los textos del calendario en ese idioma. Así la pantalla no pone nada alrededor.\n//\n// También arma las piezas de MUI X que se repiten en los cuatro (textFieldSlotPropsOf): el campo chico, a todo lo ancho,\n// con su error o su ayuda abajo, y lo que la pantalla le pase en pickerProps.slotProps.textField encima.\n//\n// Genérico del paquete: function (regla de la casa).\n\n// con .js: Node (la prueba de humo, Next al pintar en el servidor) no completa la extensión de un archivo suelto de dayjs\nimport 'dayjs/locale/es.js';\nimport {AdapterDayjs} from '@mui/x-date-pickers/AdapterDayjs';\nimport {LocalizationProvider} from '@mui/x-date-pickers/LocalizationProvider';\nimport {enUS, esES} from '@mui/x-date-pickers/locales';\n\nimport FieldFrame from '@/inputs/FieldFrame.jsx';\n\n// el idioma de dayjs (nombres de meses y días) y los textos del calendario de MUI X en cada idioma; el que no está aquí\n// sale en español, como desde antes\nconst ADAPTER_BY_LANGUAGE = Object.freeze({\n    es: {adapterLocale: 'es', localeText: esES.components.MuiLocalizationProvider.defaultProps.localeText},\n    en: {adapterLocale: 'en', localeText: enUS.components.MuiLocalizationProvider.defaultProps.localeText},\n});\n\n/**\n * Los slotProps del selector con el campo de la casa y, encima, lo que pasó la pantalla en pickerProps.slotProps.\n *\n * @param {object} textField lo de la casa: id, name, onBlur, error, helperText\n * @param {object} [pickerProps] lo que la pantalla le pasa al selector de MUI X\n * @returns {object}\n */\nexport function textFieldSlotPropsOf(textField, pickerProps) {\n    const screenSlotProps = pickerProps?.slotProps ?? {};\n    return {\n        ...screenSlotProps,\n        textField: {size: 'small', fullWidth: true, ...textField, ...screenSlotProps.textField},\n    };\n}\n\n/**\n * @param {object} props\n * @param {string} props.inputId\n * @param {import('react').ReactNode} props.label ya traducida\n * @param {string} props.language el del proveedor más cercano\n * @param {import('react').ReactNode} props.children el selector de MUI X\n */\nexport default function PickerFrame({inputId, label, language, children}) {\n    const adapter = ADAPTER_BY_LANGUAGE[language] ?? ADAPTER_BY_LANGUAGE.es;\n\n    return (\n        <FieldFrame inputId={inputId} label={label}>\n            <LocalizationProvider dateAdapter={AdapterDayjs} adapterLocale={adapter.adapterLocale} localeText={adapter.localeText}>\n                {children}\n            </LocalizationProvider>\n        </FieldFrame>\n    );\n}\n"],"names":[],"mappings":";;;;;;;AAmBA,MAAM,sBAAsB,OAAO,OAAO;AAAA,EACtC,IAAI,EAAC,eAAe,MAAM,YAAY,KAAK,WAAW,wBAAwB,aAAa,WAAA;AAAA,EAC3F,IAAI,EAAC,eAAe,MAAM,YAAY,KAAK,WAAW,wBAAwB,aAAa,WAAA;AAC/F,CAAC;AASM,SAAS,qBAAqB,WAAW,aAAa;AACzD,QAAM,kBAAkB,aAAa,aAAa,CAAA;AAClD,SAAO;AAAA,IACH,GAAG;AAAA,IACH,WAAW,EAAC,MAAM,SAAS,WAAW,MAAM,GAAG,WAAW,GAAG,gBAAgB,UAAA;AAAA,EAAS;AAE9F;AASA,SAAwB,YAAY,EAAC,SAAS,OAAO,UAAU,YAAW;AACtE,QAAM,UAAU,oBAAoB,QAAQ,KAAK,oBAAoB;AAErE,SACI,oBAAC,YAAA,EAAW,SAAkB,OAC1B,8BAAC,sBAAA,EAAqB,aAAa,cAAc,eAAe,QAAQ,eAAe,YAAY,QAAQ,YACtG,UACL,GACJ;AAER;"}

package/dist/datePickers/TimeInput.js

@@ -0,0 +1,55 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { TimePicker } from "@mui/x-date-pickers/TimePicker";
+import PickerFrame, { textFieldSlotPropsOf } from "./PickerFrame.js";
+import { DEFAULT_MINUTES_STEP, timeTextOf, pickerTimeOf } from "./pickerValues.js";
+import { usePickerField } from "./usePickerField.js";
+import { warnUnknownProps } from "../toolkit/unknownProps.js";
+function TimeInput({
+  name,
+  label,
+  value,
+  onChange,
+  onBlur,
+  error,
+  helperText = " ",
+  minTime,
+  maxTime,
+  minutesStep = DEFAULT_MINUTES_STEP,
+  disabled = false,
+  inputRef,
+  pickerProps,
+  texts,
+  ...unknownProps
+}) {
+  warnUnknownProps("TimeInput", unknownProps);
+  const field = usePickerField({ name, kind: "time", error, texts });
+  return /* @__PURE__ */ jsx(PickerFrame, { inputId: field.inputId, label, language: field.language, children: /* @__PURE__ */ jsx(
+    TimePicker,
+    {
+      ...pickerProps,
+      format: field.formats.time,
+      ampm: field.formats.ampm,
+      value: pickerTimeOf(value),
+      minTime: pickerTimeOf(minTime) ?? void 0,
+      maxTime: pickerTimeOf(maxTime) ?? void 0,
+      disabled,
+      minutesStep,
+      timeSteps: { minutes: minutesStep, ...pickerProps?.timeSteps },
+      inputRef,
+      onChange: (pickedValue) => onChange(timeTextOf(pickedValue)),
+      onClose: () => {
+        pickerProps?.onClose?.();
+        onBlur?.();
+      },
+      slotProps: textFieldSlotPropsOf(
+        { id: field.inputId, name, onBlur, error: Boolean(field.errorText), helperText: field.errorText ?? helperText },
+        pickerProps
+      )
+    }
+  ) });
+}
+export {
+  TimeInput as default
+};
+//# sourceMappingURL=TimeInput.js.map

package/dist/datePickers/TimeInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimeInput.js","sources":["../../src/datePickers/TimeInput.jsx"],"sourcesContent":["// Campo de HORA suelto con el TimePicker de MUI X (@stackcraftmx/calcita/date-pickers), para una hora del día sin fecha:\n// la hora de una cita en un día ya elegido, el horario de una sucursal, «recordar a las 08:00».\n//\n// Viaja 'HH:mm' de 24 horas aunque en pantalla se vea con a.m. y p.m. (el hourCycle del proveedor decide cómo se ve, no\n// cómo viaja). Una hora del día no tiene zona: no se pasa por Date ni por UTC. '' = vacía.\n//\n// Para un instante (fecha y hora de algo que pasa una vez) va DateTimeInput, que sí viaja en UTC.\n//\n// Genérico del paquete: function (regla de la casa).\nimport {TimePicker} from '@mui/x-date-pickers/TimePicker';\n\nimport PickerFrame, {textFieldSlotPropsOf} from '@/datePickers/PickerFrame.jsx';\nimport {DEFAULT_MINUTES_STEP, pickerTimeOf, timeTextOf} from '@/datePickers/pickerValues.js';\nimport {usePickerField} from '@/datePickers/usePickerField.js';\nimport {warnUnknownProps} from '@/toolkit/unknownProps.js';\n\n/**\n * @param {object} props\n * @param {string} [props.name]\n * @param {string} props.label ya traducido\n * @param {string|null|undefined} props.value 'HH:mm' o ''\n * @param {(value: string) => void} props.onChange recibe 'HH:mm' ('' al borrar o a medias)\n * @param {() => void} [props.onBlur]\n * @param {string|{key: string, values?: object}} [props.error]\n * @param {string} [props.helperText]\n * @param {string} [props.minTime] 'HH:mm'\n * @param {string} [props.maxTime] 'HH:mm'\n * @param {number} [props.minutesStep] de cuánto en cuánto van los minutos; por omisión de uno en uno (30 para citas de\n *     media hora)\n * @param {boolean} [props.disabled]\n * @param {import('react').Ref<HTMLInputElement>} [props.inputRef]\n * @param {object} [props.pickerProps] lo demás del TimePicker de MUI X que aquí no tiene nombre (views, shouldDisableTime,\n *     slots, slotProps…); value y onChange son del campo\n * @param {object} [props.texts] los textos que cambian, con la forma de `common` en los textos del paquete\n */\nexport default function TimeInput({\n    name, label, value, onChange, onBlur, error, helperText = ' ', minTime, maxTime, minutesStep = DEFAULT_MINUTES_STEP, disabled = false, inputRef,\n    pickerProps, texts,\n    ...unknownProps\n}) {\n    warnUnknownProps('TimeInput', unknownProps);\n    const field = usePickerField({name, kind: 'time', error, texts});\n\n    return (\n        <PickerFrame inputId={field.inputId} label={label} language={field.language}>\n            <TimePicker\n                {...pickerProps}\n                format={field.formats.time}\n                ampm={field.formats.ampm}\n                value={pickerTimeOf(value)}\n                minTime={pickerTimeOf(minTime) ?? undefined}\n                maxTime={pickerTimeOf(maxTime) ?? undefined}\n                disabled={disabled}\n                minutesStep={minutesStep}\n                timeSteps={{minutes: minutesStep, ...pickerProps?.timeSteps}}\n                inputRef={inputRef}\n                onChange={(pickedValue) => onChange(timeTextOf(pickedValue))}\n                onClose={() => {\n                    pickerProps?.onClose?.();\n                    onBlur?.();\n                }}\n                slotProps={textFieldSlotPropsOf(\n                    {id: field.inputId, name, onBlur, error: Boolean(field.errorText), helperText: field.errorText ?? helperText},\n                    pickerProps,\n                )}\n            />\n        </PickerFrame>\n    );\n}\n"],"names":[],"mappings":";;;;;;;AAmCA,SAAwB,UAAU;AAAA,EAC9B;AAAA,EAAM;AAAA,EAAO;AAAA,EAAO;AAAA,EAAU;AAAA,EAAQ;AAAA,EAAO,aAAa;AAAA,EAAK;AAAA,EAAS;AAAA,EAAS,cAAc;AAAA,EAAsB,WAAW;AAAA,EAAO;AAAA,EACvI;AAAA,EAAa;AAAA,EACb,GAAG;AACP,GAAG;AACC,mBAAiB,aAAa,YAAY;AAC1C,QAAM,QAAQ,eAAe,EAAC,MAAM,MAAM,QAAQ,OAAO,OAAM;AAE/D,SACI,oBAAC,eAAY,SAAS,MAAM,SAAS,OAAc,UAAU,MAAM,UAC/D,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,QAAQ,MAAM,QAAQ;AAAA,MACtB,MAAM,MAAM,QAAQ;AAAA,MACpB,OAAO,aAAa,KAAK;AAAA,MACzB,SAAS,aAAa,OAAO,KAAK;AAAA,MAClC,SAAS,aAAa,OAAO,KAAK;AAAA,MAClC;AAAA,MACA;AAAA,MACA,WAAW,EAAC,SAAS,aAAa,GAAG,aAAa,UAAA;AAAA,MAClD;AAAA,MACA,UAAU,CAAC,gBAAgB,SAAS,WAAW,WAAW,CAAC;AAAA,MAC3D,SAAS,MAAM;AACX,qBAAa,UAAA;AACb,iBAAA;AAAA,MACJ;AAAA,MACA,WAAW;AAAA,QACP,EAAC,IAAI,MAAM,SAAS,MAAM,QAAQ,OAAO,QAAQ,MAAM,SAAS,GAAG,YAAY,MAAM,aAAa,WAAA;AAAA,QAClG;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA,GAER;AAER;"}

package/dist/datePickers/dateTimeRules.js

@@ -0,0 +1,24 @@
+import { instantPlusMinutes, earliestInstantFromNow } from "./pickerValues.js";
+function minutesFromNowRule(minutes) {
+  return {
+    name: "minutesFromNow",
+    message: { key: "validation:minutesFromNow", values: { count: minutes } },
+    // la hora se toma al revisar, no al armar el esquema: el mínimo se recorre con el reloj
+    test: (value) => !value || Date.parse(String(value)) >= Date.parse(earliestInstantFromNow(minutes))
+  };
+}
+function minutesAfterRule(startField, minutes) {
+  return {
+    name: "minutesAfter",
+    message: { key: "validation:minutesAfter", values: { count: minutes } },
+    test: (value, context) => {
+      const earliest = instantPlusMinutes(context.parent?.[startField], minutes);
+      return !value || !earliest || Date.parse(String(value)) >= Date.parse(earliest);
+    }
+  };
+}
+export {
+  minutesAfterRule,
+  minutesFromNowRule
+};
+//# sourceMappingURL=dateTimeRules.js.map

package/dist/datePickers/dateTimeRules.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateTimeRules.js","sources":["../../src/datePickers/dateTimeRules.js"],"sourcesContent":["// Las reglas de yup para una fecha con hora que depende del reloj o de otro campo, con sus mensajes en el idioma activo:\n//\n//   minutesFromNowRule(5)              al menos 5 minutos después de ahora (publicar algo con anticipación)\n//   minutesAfterRule('startsAt', 30)   al menos 30 minutos después del campo startsAt (algo que dura al menos media hora)\n//\n//   Yup.object({\n//       startsAt: Yup.string().required().test(minutesFromNowRule(5)),\n//       endsAt: Yup.string().required().test(minutesAfterRule('startsAt', 30)),\n//   })\n//\n// Un campo vacío pasa: que sea obligatorio lo dice required(). El servidor vuelve a revisar: entre que se llena el\n// formulario y se guarda pasa el tiempo.\n//\n// Son objetos de .test() y no un Yup propio: el proyecto usa su copia de yup y aquí no se importa.\n//\n// Genérico del paquete: function (regla de la casa).\nimport {earliestInstantFromNow, instantPlusMinutes} from '@/datePickers/pickerValues.js';\n\n/**\n * @param {number} minutes\n * @returns {{name: string, message: {key: string, values: {count: number}}, test: (value: unknown) => boolean}}\n */\nexport function minutesFromNowRule(minutes) {\n    return {\n        name: 'minutesFromNow',\n        message: {key: 'validation:minutesFromNow', values: {count: minutes}},\n        // la hora se toma al revisar, no al armar el esquema: el mínimo se recorre con el reloj\n        test: (value) => !value || Date.parse(String(value)) >= Date.parse(earliestInstantFromNow(minutes)),\n    };\n}\n\n/**\n * @param {string} startField el nombre del campo de inicio, en el mismo objeto del esquema\n * @param {number} minutes\n * @returns {{name: string, message: {key: string, values: {count: number}}, test: (value: unknown, context: {parent: object}) => boolean}}\n */\nexport function minutesAfterRule(startField, minutes) {\n    return {\n        name: 'minutesAfter',\n        message: {key: 'validation:minutesAfter', values: {count: minutes}},\n        test: (value, context) => {\n            const earliest = instantPlusMinutes(context.parent?.[startField], minutes);\n            // sin inicio todavía no hay contra qué comparar: eso lo dice la regla del inicio\n            return !value || !earliest || Date.parse(String(value)) >= Date.parse(earliest);\n        },\n    };\n}\n"],"names":[],"mappings":";AAsBO,SAAS,mBAAmB,SAAS;AACxC,SAAO;AAAA,IACH,MAAM;AAAA,IACN,SAAS,EAAC,KAAK,6BAA6B,QAAQ,EAAC,OAAO,QAAO,EAAC;AAAA;AAAA,IAEpE,MAAM,CAAC,UAAU,CAAC,SAAS,KAAK,MAAM,OAAO,KAAK,CAAC,KAAK,KAAK,MAAM,uBAAuB,OAAO,CAAC;AAAA,EAC1G;AACA;AAOO,SAAS,iBAAiB,YAAY,SAAS;AAClD,SAAO;AAAA,IACH,MAAM;AAAA,IACN,SAAS,EAAC,KAAK,2BAA2B,QAAQ,EAAC,OAAO,QAAO,EAAC;AAAA,IAClE,MAAM,CAAC,OAAO,YAAY;AACtB,YAAM,WAAW,mBAAmB,QAAQ,SAAS,UAAU,GAAG,OAAO;AAEzE,aAAO,CAAC,SAAS,CAAC,YAAY,KAAK,MAAM,OAAO,KAAK,CAAC,KAAK,KAAK,MAAM,QAAQ;AAAA,IAClF;AAAA,EACR;AACA;"}