@proyecto-viviana/solidaria 0.4.0 → 0.4.2

package/dist/_chunk/datepicker.jsx

@@ -1,167 +1,877 @@
 import { t as createPress } from "./createPress.jsx";
-import { i as access, o as mergeProps } from "./env.jsx";
-import { S as scrollIntoViewport } from "./utils.jsx";
-import { a as getEventTarget, l as getScrollParent, t as focusSafely, y as nodeContains } from "./focus.jsx";
-import { a as useLocale } from "./createCollator.jsx";
+import { i as mergeProps$1 } from "./env.jsx";
+import { t as filterDOMProps } from "./filterDOMProps.jsx";
+import { t as access } from "./reactivity.jsx";
+import { A as isMac, D as isIOS, S as scrollIntoViewport, i as createDescription } from "./utils.jsx";
+import { a as getEventTarget, l as getScrollParent, o as getFocusableTreeWalker, y as nodeContains } from "./focus.jsx";
+import { t as createFocusWithin } from "./createFocusWithin.jsx";
+import { i as useLocale } from "./locale.jsx";
+import { n as createFilter, r as createDateFormatter } from "./i18n.jsx";
+import { n as createStringFormatter } from "./createStringFormatter.jsx";
 import { createId } from "../ssr/index.jsx";
-import { t as createLabel } from "./createLabel.jsx";
-import { createMemo, createSignal, onCleanup } from "solid-js";
-import { DateFormatter, getLocalTimeZone } from "@internationalized/date";
+import { t as createLabels } from "./createLabels.jsx";
+import { t as createField } from "./createField.jsx";
+import { t as createFormValidation } from "./createFormValidation.jsx";
+import { n as createFocusManager } from "./FocusScope.jsx";
+import { t as createFormReset } from "./createFormReset.jsx";
+import { t as createSpinButton } from "./spinbutton.jsx";
+import { createEffect, createMemo, onCleanup, onMount } from "solid-js";
+import { NumberParser } from "@internationalized/number";
+import { LocalizedStringDictionary } from "@internationalized/string";
+import { CalendarDate, toCalendar } from "@internationalized/date";
+//#region src/datepicker/intl.ts
+const datePickerStrings = {
+	"ar-AE": {
+		"calendar": `\u{627}\u{644}\u{62A}\u{642}\u{648}\u{64A}\u{645}`,
+		"day": `\u{64A}\u{648}\u{645}`,
+		"dayPeriod": `\u{635}/\u{645}`,
+		"endDate": `\u{62A}\u{627}\u{631}\u{64A}\u{62E} \u{627}\u{644}\u{627}\u{646}\u{62A}\u{647}\u{627}\u{621}`,
+		"era": `\u{627}\u{644}\u{639}\u{635}\u{631}`,
+		"hour": `\u{627}\u{644}\u{633}\u{627}\u{639}\u{627}\u{62A}`,
+		"minute": `\u{627}\u{644}\u{62F}\u{642}\u{627}\u{626}\u{642}`,
+		"month": `\u{627}\u{644}\u{634}\u{647}\u{631}`,
+		"second": `\u{627}\u{644}\u{62B}\u{648}\u{627}\u{646}\u{64A}`,
+		"selectedDateDescription": (args) => `\u{62A}\u{627}\u{631}\u{64A}\u{62E} \u{645}\u{62D}\u{62F}\u{62F}: ${args?.date}`,
+		"selectedRangeDescription": (args) => `\u{627}\u{644}\u{645}\u{62F}\u{649} \u{627}\u{644}\u{632}\u{645}\u{646}\u{64A} \u{627}\u{644}\u{645}\u{62D}\u{62F}\u{62F}: ${args?.startDate} \u{625}\u{644}\u{649} ${args?.endDate}`,
+		"selectedTimeDescription": (args) => `\u{627}\u{644}\u{648}\u{642}\u{62A} \u{627}\u{644}\u{645}\u{62D}\u{62F}\u{62F}: ${args?.time}`,
+		"startDate": `\u{62A}\u{627}\u{631}\u{64A}\u{62E} \u{627}\u{644}\u{628}\u{62F}\u{621}`,
+		"timeZoneName": `\u{627}\u{644}\u{62A}\u{648}\u{642}\u{64A}\u{62A}`,
+		"weekday": `\u{627}\u{644}\u{64A}\u{648}\u{645}`,
+		"year": `\u{627}\u{644}\u{633}\u{646}\u{629}`
+	},
+	"bg-BG": {
+		"calendar": `\u{41A}\u{430}\u{43B}\u{435}\u{43D}\u{434}\u{430}\u{440}`,
+		"day": `\u{434}\u{435}\u{43D}`,
+		"dayPeriod": `\u{43F}\u{440}.\u{43E}\u{431}./\u{441}\u{43B}.\u{43E}\u{431}.`,
+		"endDate": `\u{41A}\u{440}\u{430}\u{439}\u{43D}\u{430} \u{434}\u{430}\u{442}\u{430}`,
+		"era": `\u{435}\u{440}\u{430}`,
+		"hour": `\u{447}\u{430}\u{441}`,
+		"minute": `\u{43C}\u{438}\u{43D}\u{443}\u{442}\u{430}`,
+		"month": `\u{43C}\u{435}\u{441}\u{435}\u{446}`,
+		"second": `\u{441}\u{435}\u{43A}\u{443}\u{43D}\u{434}\u{430}`,
+		"selectedDateDescription": (args) => `\u{418}\u{437}\u{431}\u{440}\u{430}\u{43D}\u{430} \u{434}\u{430}\u{442}\u{430}: ${args?.date}`,
+		"selectedRangeDescription": (args) => `\u{418}\u{437}\u{431}\u{440}\u{430}\u{43D} \u{434}\u{438}\u{430}\u{43F}\u{430}\u{437}\u{43E}\u{43D}: ${args?.startDate} \u{434}\u{43E} ${args?.endDate}`,
+		"selectedTimeDescription": (args) => `\u{418}\u{437}\u{431}\u{440}\u{430}\u{43D}\u{43E} \u{432}\u{440}\u{435}\u{43C}\u{435}: ${args?.time}`,
+		"startDate": `\u{41D}\u{430}\u{447}\u{430}\u{43B}\u{43D}\u{430} \u{434}\u{430}\u{442}\u{430}`,
+		"timeZoneName": `\u{447}\u{430}\u{441}\u{43E}\u{432}\u{430} \u{437}\u{43E}\u{43D}\u{430}`,
+		"weekday": `\u{434}\u{435}\u{43D} \u{43E}\u{442} \u{441}\u{435}\u{434}\u{43C}\u{438}\u{446}\u{430}\u{442}\u{430}`,
+		"year": `\u{433}\u{43E}\u{434}\u{438}\u{43D}\u{430}`
+	},
+	"cs-CZ": {
+		"calendar": `Kalend\xe1\u{159}`,
+		"day": `den`,
+		"dayPeriod": `\u{10D}\xe1st dne`,
+		"endDate": `Kone\u{10D}n\xe9 datum`,
+		"era": `letopo\u{10D}et`,
+		"hour": `hodina`,
+		"minute": `minuta`,
+		"month": `m\u{11B}s\xedc`,
+		"second": `sekunda`,
+		"selectedDateDescription": (args) => `Vybran\xe9 datum: ${args?.date}`,
+		"selectedRangeDescription": (args) => `Vybran\xe9 obdob\xed: ${args?.startDate} a\u{17E} ${args?.endDate}`,
+		"selectedTimeDescription": (args) => `Vybran\xfd \u{10D}as: ${args?.time}`,
+		"startDate": `Po\u{10D}\xe1te\u{10D}n\xed datum`,
+		"timeZoneName": `\u{10D}asov\xe9 p\xe1smo`,
+		"weekday": `den v t\xfddnu`,
+		"year": `rok`
+	},
+	"da-DK": {
+		"calendar": `Kalender`,
+		"day": `dag`,
+		"dayPeriod": `AM/PM`,
+		"endDate": `Slutdato`,
+		"era": `\xe6ra`,
+		"hour": `time`,
+		"minute": `minut`,
+		"month": `m\xe5ned`,
+		"second": `sekund`,
+		"selectedDateDescription": (args) => `Valgt dato: ${args?.date}`,
+		"selectedRangeDescription": (args) => `Valgt interval: ${args?.startDate} til ${args?.endDate}`,
+		"selectedTimeDescription": (args) => `Valgt tidspunkt: ${args?.time}`,
+		"startDate": `Startdato`,
+		"timeZoneName": `tidszone`,
+		"weekday": `ugedag`,
+		"year": `\xe5r`
+	},
+	"de-DE": {
+		"calendar": `Kalender`,
+		"day": `Tag`,
+		"dayPeriod": `Tagesh\xe4lfte`,
+		"endDate": `Enddatum`,
+		"era": `Epoche`,
+		"hour": `Stunde`,
+		"minute": `Minute`,
+		"month": `Monat`,
+		"second": `Sekunde`,
+		"selectedDateDescription": (args) => `Ausgew\xe4hltes Datum: ${args?.date}`,
+		"selectedRangeDescription": (args) => `Ausgew\xe4hlter Bereich: ${args?.startDate} bis ${args?.endDate}`,
+		"selectedTimeDescription": (args) => `Ausgew\xe4hlte Zeit: ${args?.time}`,
+		"startDate": `Startdatum`,
+		"timeZoneName": `Zeitzone`,
+		"weekday": `Wochentag`,
+		"year": `Jahr`
+	},
+	"el-GR": {
+		"calendar": `\u{397}\u{3BC}\u{3B5}\u{3C1}\u{3BF}\u{3BB}\u{3CC}\u{3B3}\u{3B9}\u{3BF}`,
+		"day": `\u{3B7}\u{3BC}\u{3AD}\u{3C1}\u{3B1}`,
+		"dayPeriod": `\u{3C0}.\u{3BC}./\u{3BC}.\u{3BC}.`,
+		"endDate": `\u{397}\u{3BC}\u{3B5}\u{3C1}\u{3BF}\u{3BC}\u{3B7}\u{3BD}\u{3AF}\u{3B1} \u{3BB}\u{3AE}\u{3BE}\u{3B7}\u{3C2}`,
+		"era": `\u{3C0}\u{3B5}\u{3C1}\u{3AF}\u{3BF}\u{3B4}\u{3BF}\u{3C2}`,
+		"hour": `\u{3CE}\u{3C1}\u{3B1}`,
+		"minute": `\u{3BB}\u{3B5}\u{3C0}\u{3C4}\u{3CC}`,
+		"month": `\u{3BC}\u{3AE}\u{3BD}\u{3B1}\u{3C2}`,
+		"second": `\u{3B4}\u{3B5}\u{3C5}\u{3C4}\u{3B5}\u{3C1}\u{3CC}\u{3BB}\u{3B5}\u{3C0}\u{3C4}\u{3BF}`,
+		"selectedDateDescription": (args) => `\u{395}\u{3C0}\u{3B9}\u{3BB}\u{3B5}\u{3B3}\u{3BC}\u{3AD}\u{3BD}\u{3B7} \u{3B7}\u{3BC}\u{3B5}\u{3C1}\u{3BF}\u{3BC}\u{3B7}\u{3BD}\u{3AF}\u{3B1}: ${args?.date}`,
+		"selectedRangeDescription": (args) => `\u{395}\u{3C0}\u{3B9}\u{3BB}\u{3B5}\u{3B3}\u{3BC}\u{3AD}\u{3BD}\u{3BF} \u{3B5}\u{3CD}\u{3C1}\u{3BF}\u{3C2}: ${args?.startDate} \u{3AD}\u{3C9}\u{3C2} ${args?.endDate}`,
+		"selectedTimeDescription": (args) => `\u{395}\u{3C0}\u{3B9}\u{3BB}\u{3B5}\u{3B3}\u{3BC}\u{3AD}\u{3BD}\u{3B7} \u{3CE}\u{3C1}\u{3B1}: ${args?.time}`,
+		"startDate": `\u{397}\u{3BC}\u{3B5}\u{3C1}\u{3BF}\u{3BC}\u{3B7}\u{3BD}\u{3AF}\u{3B1} \u{3AD}\u{3BD}\u{3B1}\u{3C1}\u{3BE}\u{3B7}\u{3C2}`,
+		"timeZoneName": `\u{3B6}\u{3CE}\u{3BD}\u{3B7} \u{3CE}\u{3C1}\u{3B1}\u{3C2}`,
+		"weekday": `\u{3BA}\u{3B1}\u{3B8}\u{3B7}\u{3BC}\u{3B5}\u{3C1}\u{3B9}\u{3BD}\u{3AE}`,
+		"year": `\u{3AD}\u{3C4}\u{3BF}\u{3C2}`
+	},
+	"en-US": {
+		"era": `era`,
+		"year": `year`,
+		"month": `month`,
+		"day": `day`,
+		"hour": `hour`,
+		"minute": `minute`,
+		"second": `second`,
+		"dayPeriod": `AM/PM`,
+		"calendar": `Calendar`,
+		"startDate": `Start Date`,
+		"endDate": `End Date`,
+		"weekday": `day of the week`,
+		"timeZoneName": `time zone`,
+		"selectedDateDescription": (args) => `Selected Date: ${args?.date}`,
+		"selectedRangeDescription": (args) => `Selected Range: ${args?.startDate} to ${args?.endDate}`,
+		"selectedTimeDescription": (args) => `Selected Time: ${args?.time}`
+	},
+	"es-ES": {
+		"calendar": `Calendario`,
+		"day": `d\xeda`,
+		"dayPeriod": `a.\xa0m./p.\xa0m.`,
+		"endDate": `Fecha final`,
+		"era": `era`,
+		"hour": `hora`,
+		"minute": `minuto`,
+		"month": `mes`,
+		"second": `segundo`,
+		"selectedDateDescription": (args) => `Fecha seleccionada: ${args?.date}`,
+		"selectedRangeDescription": (args) => `Rango seleccionado: ${args?.startDate} a ${args?.endDate}`,
+		"selectedTimeDescription": (args) => `Hora seleccionada: ${args?.time}`,
+		"startDate": `Fecha de inicio`,
+		"timeZoneName": `zona horaria`,
+		"weekday": `d\xeda de la semana`,
+		"year": `a\xf1o`
+	},
+	"et-EE": {
+		"calendar": `Kalender`,
+		"day": `p\xe4ev`,
+		"dayPeriod": `enne/p\xe4rast l\xf5unat`,
+		"endDate": `L\xf5ppkuup\xe4ev`,
+		"era": `ajastu`,
+		"hour": `tund`,
+		"minute": `minut`,
+		"month": `kuu`,
+		"second": `sekund`,
+		"selectedDateDescription": (args) => `Valitud kuup\xe4ev: ${args?.date}`,
+		"selectedRangeDescription": (args) => `Valitud vahemik: ${args?.startDate} kuni ${args?.endDate}`,
+		"selectedTimeDescription": (args) => `Valitud aeg: ${args?.time}`,
+		"startDate": `Alguskuup\xe4ev`,
+		"timeZoneName": `ajav\xf6\xf6nd`,
+		"weekday": `n\xe4dalap\xe4ev`,
+		"year": `aasta`
+	},
+	"fi-FI": {
+		"calendar": `Kalenteri`,
+		"day": `p\xe4iv\xe4`,
+		"dayPeriod": `vuorokaudenaika`,
+		"endDate": `P\xe4\xe4ttymisp\xe4iv\xe4`,
+		"era": `aikakausi`,
+		"hour": `tunti`,
+		"minute": `minuutti`,
+		"month": `kuukausi`,
+		"second": `sekunti`,
+		"selectedDateDescription": (args) => `Valittu p\xe4iv\xe4m\xe4\xe4r\xe4: ${args?.date}`,
+		"selectedRangeDescription": (args) => `Valittu aikav\xe4li: ${args?.startDate} \u{2013} ${args?.endDate}`,
+		"selectedTimeDescription": (args) => `Valittu aika: ${args?.time}`,
+		"startDate": `Alkamisp\xe4iv\xe4`,
+		"timeZoneName": `aikavy\xf6hyke`,
+		"weekday": `viikonp\xe4iv\xe4`,
+		"year": `vuosi`
+	},
+	"fr-FR": {
+		"calendar": `Calendrier`,
+		"day": `jour`,
+		"dayPeriod": `cadran`,
+		"endDate": `Date de fin`,
+		"era": `\xe8re`,
+		"hour": `heure`,
+		"minute": `minute`,
+		"month": `mois`,
+		"second": `seconde`,
+		"selectedDateDescription": (args) => `Date s\xe9lectionn\xe9e\xa0: ${args?.date}`,
+		"selectedRangeDescription": (args) => `Plage s\xe9lectionn\xe9e\xa0: ${args?.startDate} au ${args?.endDate}`,
+		"selectedTimeDescription": (args) => `Heure choisie\xa0: ${args?.time}`,
+		"startDate": `Date de d\xe9but`,
+		"timeZoneName": `fuseau horaire`,
+		"weekday": `jour de la semaine`,
+		"year": `ann\xe9e`
+	},
+	"he-IL": {
+		"calendar": `\u{5DC}\u{5D5}\u{5D7} \u{5E9}\u{5E0}\u{5D4}`,
+		"day": `\u{5D9}\u{5D5}\u{5DD}`,
+		"dayPeriod": `\u{5DC}\u{5E4}\u{5E0}\u{5D4}\u{5F4}\u{5E6}/\u{5D0}\u{5D7}\u{5D4}\u{5F4}\u{5E6}`,
+		"endDate": `\u{5EA}\u{5D0}\u{5E8}\u{5D9}\u{5DA} \u{5E1}\u{5D9}\u{5D5}\u{5DD}`,
+		"era": `\u{5EA}\u{5E7}\u{5D5}\u{5E4}\u{5D4}`,
+		"hour": `\u{5E9}\u{5E2}\u{5D4}`,
+		"minute": `\u{5D3}\u{5E7}\u{5D4}`,
+		"month": `\u{5D7}\u{5D5}\u{5D3}\u{5E9}`,
+		"second": `\u{5E9}\u{5E0}\u{5D9}\u{5D9}\u{5D4}`,
+		"selectedDateDescription": (args) => `\u{5EA}\u{5D0}\u{5E8}\u{5D9}\u{5DA} \u{5E0}\u{5D1}\u{5D7}\u{5E8}: ${args?.date}`,
+		"selectedRangeDescription": (args) => `\u{5D8}\u{5D5}\u{5D5}\u{5D7} \u{5E0}\u{5D1}\u{5D7}\u{5E8}: ${args?.startDate} \u{5E2}\u{5D3} ${args?.endDate}`,
+		"selectedTimeDescription": (args) => `\u{5D6}\u{5DE}\u{5DF} \u{5E0}\u{5D1}\u{5D7}\u{5E8}: ${args?.time}`,
+		"startDate": `\u{5EA}\u{5D0}\u{5E8}\u{5D9}\u{5DA} \u{5D4}\u{5EA}\u{5D7}\u{5DC}\u{5D4}`,
+		"timeZoneName": `\u{5D0}\u{5D6}\u{5D5}\u{5E8} \u{5D6}\u{5DE}\u{5DF}`,
+		"weekday": `\u{5D9}\u{5D5}\u{5DD} \u{5D1}\u{5E9}\u{5D1}\u{5D5}\u{5E2}`,
+		"year": `\u{5E9}\u{5E0}\u{5D4}`
+	},
+	"hr-HR": {
+		"calendar": `Kalendar`,
+		"day": `dan`,
+		"dayPeriod": `AM/PM`,
+		"endDate": `Datum zavr\u{161}etka`,
+		"era": `era`,
+		"hour": `sat`,
+		"minute": `minuta`,
+		"month": `mjesec`,
+		"second": `sekunda`,
+		"selectedDateDescription": (args) => `Odabrani datum: ${args?.date}`,
+		"selectedRangeDescription": (args) => `Odabrani raspon: ${args?.startDate} do ${args?.endDate}`,
+		"selectedTimeDescription": (args) => `Odabrano vrijeme: ${args?.time}`,
+		"startDate": `Datum po\u{10D}etka`,
+		"timeZoneName": `vremenska zona`,
+		"weekday": `dan u tjednu`,
+		"year": `godina`
+	},
+	"hu-HU": {
+		"calendar": `Napt\xe1r`,
+		"day": `nap`,
+		"dayPeriod": `napszak`,
+		"endDate": `Befejez\u{151} d\xe1tum`,
+		"era": `\xe9ra`,
+		"hour": `\xf3ra`,
+		"minute": `perc`,
+		"month": `h\xf3nap`,
+		"second": `m\xe1sodperc`,
+		"selectedDateDescription": (args) => `Kijel\xf6lt d\xe1tum: ${args?.date}`,
+		"selectedRangeDescription": (args) => `Kijel\xf6lt tartom\xe1ny: ${args?.startDate}\u{2013}${args?.endDate}`,
+		"selectedTimeDescription": (args) => `Kijel\xf6lt id\u{151}: ${args?.time}`,
+		"startDate": `Kezd\u{151} d\xe1tum`,
+		"timeZoneName": `id\u{151}z\xf3na`,
+		"weekday": `h\xe9t napja`,
+		"year": `\xe9v`
+	},
+	"it-IT": {
+		"calendar": `Calendario`,
+		"day": `giorno`,
+		"dayPeriod": `AM/PM`,
+		"endDate": `Data finale`,
+		"era": `era`,
+		"hour": `ora`,
+		"minute": `minuto`,
+		"month": `mese`,
+		"second": `secondo`,
+		"selectedDateDescription": (args) => `Data selezionata: ${args?.date}`,
+		"selectedRangeDescription": (args) => `Intervallo selezionato: da ${args?.startDate} a ${args?.endDate}`,
+		"selectedTimeDescription": (args) => `Ora selezionata: ${args?.time}`,
+		"startDate": `Data iniziale`,
+		"timeZoneName": `fuso orario`,
+		"weekday": `giorno della settimana`,
+		"year": `anno`
+	},
+	"ja-JP": {
+		"calendar": `\u{30AB}\u{30EC}\u{30F3}\u{30C0}\u{30FC}`,
+		"day": `\u{65E5}`,
+		"dayPeriod": `\u{5348}\u{524D}/\u{5348}\u{5F8C}`,
+		"endDate": `\u{7D42}\u{4E86}\u{65E5}`,
+		"era": `\u{6642}\u{4EE3}`,
+		"hour": `\u{6642}`,
+		"minute": `\u{5206}`,
+		"month": `\u{6708}`,
+		"second": `\u{79D2}`,
+		"selectedDateDescription": (args) => `\u{9078}\u{629E}\u{3057}\u{305F}\u{65E5}\u{4ED8} : ${args?.date}`,
+		"selectedRangeDescription": (args) => `\u{9078}\u{629E}\u{7BC4}\u{56F2} : ${args?.startDate} \u{304B}\u{3089} ${args?.endDate}`,
+		"selectedTimeDescription": (args) => `\u{9078}\u{629E}\u{3057}\u{305F}\u{6642}\u{9593} : ${args?.time}`,
+		"startDate": `\u{958B}\u{59CB}\u{65E5}`,
+		"timeZoneName": `\u{30BF}\u{30A4}\u{30E0}\u{30BE}\u{30FC}\u{30F3}`,
+		"weekday": `\u{66DC}\u{65E5}`,
+		"year": `\u{5E74}`
+	},
+	"ko-KR": {
+		"calendar": `\u{B2EC}\u{B825}`,
+		"day": `\u{C77C}`,
+		"dayPeriod": `\u{C624}\u{C804}/\u{C624}\u{D6C4}`,
+		"endDate": `\u{C885}\u{B8CC}\u{C77C}`,
+		"era": `\u{C5F0}\u{D638}`,
+		"hour": `\u{C2DC}`,
+		"minute": `\u{BD84}`,
+		"month": `\u{C6D4}`,
+		"second": `\u{CD08}`,
+		"selectedDateDescription": (args) => `\u{C120}\u{D0DD} \u{C77C}\u{C790}: ${args?.date}`,
+		"selectedRangeDescription": (args) => `\u{C120}\u{D0DD} \u{BC94}\u{C704}: ${args?.startDate} ~ ${args?.endDate}`,
+		"selectedTimeDescription": (args) => `\u{C120}\u{D0DD} \u{C2DC}\u{AC04}: ${args?.time}`,
+		"startDate": `\u{C2DC}\u{C791}\u{C77C}`,
+		"timeZoneName": `\u{C2DC}\u{AC04}\u{B300}`,
+		"weekday": `\u{C694}\u{C77C}`,
+		"year": `\u{B144}`
+	},
+	"lt-LT": {
+		"calendar": `Kalendorius`,
+		"day": `diena`,
+		"dayPeriod": `iki piet\u{173} / po piet\u{173}`,
+		"endDate": `Pabaigos data`,
+		"era": `era`,
+		"hour": `valanda`,
+		"minute": `minut\u{117}`,
+		"month": `m\u{117}nuo`,
+		"second": `sekund\u{117}`,
+		"selectedDateDescription": (args) => `Pasirinkta data: ${args?.date}`,
+		"selectedRangeDescription": (args) => `Pasirinktas intervalas: nuo ${args?.startDate} iki ${args?.endDate}`,
+		"selectedTimeDescription": (args) => `Pasirinktas laikas: ${args?.time}`,
+		"startDate": `Prad\u{17E}ios data`,
+		"timeZoneName": `laiko juosta`,
+		"weekday": `savait\u{117}s diena`,
+		"year": `metai`
+	},
+	"lv-LV": {
+		"calendar": `Kalend\u{101}rs`,
+		"day": `diena`,
+		"dayPeriod": `priek\u{161}pusdien\u{101}/p\u{113}cpusdien\u{101}`,
+		"endDate": `Beigu datums`,
+		"era": `\u{113}ra`,
+		"hour": `stundas`,
+		"minute": `min\u{16B}tes`,
+		"month": `m\u{113}nesis`,
+		"second": `sekundes`,
+		"selectedDateDescription": (args) => `Atlas\u{12B}tais datums: ${args?.date}`,
+		"selectedRangeDescription": (args) => `Atlas\u{12B}tais diapazons: no ${args?.startDate} l\u{12B}dz ${args?.endDate}`,
+		"selectedTimeDescription": (args) => `Atlas\u{12B}tais laiks: ${args?.time}`,
+		"startDate": `S\u{101}kuma datums`,
+		"timeZoneName": `laika josla`,
+		"weekday": `ned\u{113}\u{13C}as diena`,
+		"year": `gads`
+	},
+	"nb-NO": {
+		"calendar": `Kalender`,
+		"day": `dag`,
+		"dayPeriod": `a.m./p.m.`,
+		"endDate": `Sluttdato`,
+		"era": `tidsalder`,
+		"hour": `time`,
+		"minute": `minutt`,
+		"month": `m\xe5ned`,
+		"second": `sekund`,
+		"selectedDateDescription": (args) => `Valgt dato: ${args?.date}`,
+		"selectedRangeDescription": (args) => `Valgt omr\xe5de: ${args?.startDate} til ${args?.endDate}`,
+		"selectedTimeDescription": (args) => `Valgt tid: ${args?.time}`,
+		"startDate": `Startdato`,
+		"timeZoneName": `tidssone`,
+		"weekday": `ukedag`,
+		"year": `\xe5r`
+	},
+	"nl-NL": {
+		"calendar": `Kalender`,
+		"day": `dag`,
+		"dayPeriod": `a.m./p.m.`,
+		"endDate": `Einddatum`,
+		"era": `tijdperk`,
+		"hour": `uur`,
+		"minute": `minuut`,
+		"month": `maand`,
+		"second": `seconde`,
+		"selectedDateDescription": (args) => `Geselecteerde datum: ${args?.date}`,
+		"selectedRangeDescription": (args) => `Geselecteerd bereik: ${args?.startDate} tot ${args?.endDate}`,
+		"selectedTimeDescription": (args) => `Geselecteerde tijd: ${args?.time}`,
+		"startDate": `Startdatum`,
+		"timeZoneName": `tijdzone`,
+		"weekday": `dag van de week`,
+		"year": `jaar`
+	},
+	"pl-PL": {
+		"calendar": `Kalendarz`,
+		"day": `dzie\u{144}`,
+		"dayPeriod": `rano / po po\u{142}udniu / wieczorem`,
+		"endDate": `Data ko\u{144}cowa`,
+		"era": `era`,
+		"hour": `godzina`,
+		"minute": `minuta`,
+		"month": `miesi\u{105}c`,
+		"second": `sekunda`,
+		"selectedDateDescription": (args) => `Wybrana data: ${args?.date}`,
+		"selectedRangeDescription": (args) => `Wybrany zakres: ${args?.startDate} do ${args?.endDate}`,
+		"selectedTimeDescription": (args) => `Wybrany czas: ${args?.time}`,
+		"startDate": `Data pocz\u{105}tkowa`,
+		"timeZoneName": `strefa czasowa`,
+		"weekday": `dzie\u{144} tygodnia`,
+		"year": `rok`
+	},
+	"pt-BR": {
+		"calendar": `Calend\xe1rio`,
+		"day": `dia`,
+		"dayPeriod": `AM/PM`,
+		"endDate": `Data final`,
+		"era": `era`,
+		"hour": `hora`,
+		"minute": `minuto`,
+		"month": `m\xeas`,
+		"second": `segundo`,
+		"selectedDateDescription": (args) => `Data selecionada: ${args?.date}`,
+		"selectedRangeDescription": (args) => `Intervalo selecionado: ${args?.startDate} a ${args?.endDate}`,
+		"selectedTimeDescription": (args) => `Hora selecionada: ${args?.time}`,
+		"startDate": `Data inicial`,
+		"timeZoneName": `fuso hor\xe1rio`,
+		"weekday": `dia da semana`,
+		"year": `ano`
+	},
+	"pt-PT": {
+		"calendar": `Calend\xe1rio`,
+		"day": `dia`,
+		"dayPeriod": `am/pm`,
+		"endDate": `Data de T\xe9rmino`,
+		"era": `era`,
+		"hour": `hora`,
+		"minute": `minuto`,
+		"month": `m\xeas`,
+		"second": `segundo`,
+		"selectedDateDescription": (args) => `Data selecionada: ${args?.date}`,
+		"selectedRangeDescription": (args) => `Intervalo selecionado: ${args?.startDate} a ${args?.endDate}`,
+		"selectedTimeDescription": (args) => `Hora selecionada: ${args?.time}`,
+		"startDate": `Data de In\xedcio`,
+		"timeZoneName": `fuso hor\xe1rio`,
+		"weekday": `dia da semana`,
+		"year": `ano`
+	},
+	"ro-RO": {
+		"calendar": `Calendar`,
+		"day": `zi`,
+		"dayPeriod": `a.m/p.m.`,
+		"endDate": `Dat\u{103} final`,
+		"era": `er\u{103}`,
+		"hour": `or\u{103}`,
+		"minute": `minut`,
+		"month": `lun\u{103}`,
+		"second": `secund\u{103}`,
+		"selectedDateDescription": (args) => `Dat\u{103} selectat\u{103}: ${args?.date}`,
+		"selectedRangeDescription": (args) => `Interval selectat: de la ${args?.startDate} p\xe2n\u{103} la ${args?.endDate}`,
+		"selectedTimeDescription": (args) => `Ora selectat\u{103}: ${args?.time}`,
+		"startDate": `Dat\u{103} \xeenceput`,
+		"timeZoneName": `fus orar`,
+		"weekday": `ziua din s\u{103}pt\u{103}m\xe2n\u{103}`,
+		"year": `an`
+	},
+	"ru-RU": {
+		"calendar": `\u{41A}\u{430}\u{43B}\u{435}\u{43D}\u{434}\u{430}\u{440}\u{44C}`,
+		"day": `\u{434}\u{435}\u{43D}\u{44C}`,
+		"dayPeriod": `AM/PM`,
+		"endDate": `\u{414}\u{430}\u{442}\u{430} \u{43E}\u{43A}\u{43E}\u{43D}\u{447}\u{430}\u{43D}\u{438}\u{44F}`,
+		"era": `\u{44D}\u{440}\u{430}`,
+		"hour": `\u{447}\u{430}\u{441}`,
+		"minute": `\u{43C}\u{438}\u{43D}\u{443}\u{442}\u{430}`,
+		"month": `\u{43C}\u{435}\u{441}\u{44F}\u{446}`,
+		"second": `\u{441}\u{435}\u{43A}\u{443}\u{43D}\u{434}\u{430}`,
+		"selectedDateDescription": (args) => `\u{412}\u{44B}\u{431}\u{440}\u{430}\u{43D}\u{43D}\u{430}\u{44F} \u{434}\u{430}\u{442}\u{430}: ${args?.date}`,
+		"selectedRangeDescription": (args) => `\u{412}\u{44B}\u{431}\u{440}\u{430}\u{43D}\u{43D}\u{44B}\u{439} \u{434}\u{438}\u{430}\u{43F}\u{430}\u{437}\u{43E}\u{43D}: \u{441} ${args?.startDate} \u{43F}\u{43E} ${args?.endDate}`,
+		"selectedTimeDescription": (args) => `\u{412}\u{44B}\u{431}\u{440}\u{430}\u{43D}\u{43D}\u{43E}\u{435} \u{432}\u{440}\u{435}\u{43C}\u{44F}: ${args?.time}`,
+		"startDate": `\u{414}\u{430}\u{442}\u{430} \u{43D}\u{430}\u{447}\u{430}\u{43B}\u{430}`,
+		"timeZoneName": `\u{447}\u{430}\u{441}\u{43E}\u{432}\u{43E}\u{439} \u{43F}\u{43E}\u{44F}\u{441}`,
+		"weekday": `\u{434}\u{435}\u{43D}\u{44C} \u{43D}\u{435}\u{434}\u{435}\u{43B}\u{438}`,
+		"year": `\u{433}\u{43E}\u{434}`
+	},
+	"sk-SK": {
+		"calendar": `Kalend\xe1r`,
+		"day": `de\u{148}`,
+		"dayPeriod": `AM/PM`,
+		"endDate": `D\xe1tum ukon\u{10D}enia`,
+		"era": `letopo\u{10D}et`,
+		"hour": `hodina`,
+		"minute": `min\xfata`,
+		"month": `mesiac`,
+		"second": `sekunda`,
+		"selectedDateDescription": (args) => `Vybrat\xfd d\xe1tum: ${args?.date}`,
+		"selectedRangeDescription": (args) => `Vybrat\xfd rozsah: od ${args?.startDate} do ${args?.endDate}`,
+		"selectedTimeDescription": (args) => `Vybrat\xfd \u{10D}as: ${args?.time}`,
+		"startDate": `D\xe1tum za\u{10D}atia`,
+		"timeZoneName": `\u{10D}asov\xe9 p\xe1smo`,
+		"weekday": `de\u{148} t\xfd\u{17E}d\u{148}a`,
+		"year": `rok`
+	},
+	"sl-SI": {
+		"calendar": `Koledar`,
+		"day": `dan`,
+		"dayPeriod": `dop/pop`,
+		"endDate": `Datum konca`,
+		"era": `doba`,
+		"hour": `ura`,
+		"minute": `minuta`,
+		"month": `mesec`,
+		"second": `sekunda`,
+		"selectedDateDescription": (args) => `Izbrani datum: ${args?.date}`,
+		"selectedRangeDescription": (args) => `Izbrano obmo\u{10D}je: ${args?.startDate} do ${args?.endDate}`,
+		"selectedTimeDescription": (args) => `Izbrani \u{10D}as: ${args?.time}`,
+		"startDate": `Datum za\u{10D}etka`,
+		"timeZoneName": `\u{10D}asovni pas`,
+		"weekday": `dan v tednu`,
+		"year": `leto`
+	},
+	"sr-SP": {
+		"calendar": `Kalendar`,
+		"day": `\u{434}\u{430}\u{43D}`,
+		"dayPeriod": `\u{43F}\u{440}\u{435} \u{43F}\u{43E}\u{434}\u{43D}\u{435}/\u{43F}\u{43E} \u{43F}\u{43E}\u{434}\u{43D}\u{435}`,
+		"endDate": `Datum zavr\u{161}etka`,
+		"era": `\u{435}\u{440}\u{430}`,
+		"hour": `\u{441}\u{430}\u{442}`,
+		"minute": `\u{43C}\u{438}\u{43D}\u{443}\u{442}`,
+		"month": `\u{43C}\u{435}\u{441}\u{435}\u{446}`,
+		"second": `\u{441}\u{435}\u{43A}\u{443}\u{43D}\u{434}`,
+		"selectedDateDescription": (args) => `Izabrani datum: ${args?.date}`,
+		"selectedRangeDescription": (args) => `Izabrani opseg: od ${args?.startDate} do ${args?.endDate}`,
+		"selectedTimeDescription": (args) => `Izabrano vreme: ${args?.time}`,
+		"startDate": `Datum po\u{10D}etka`,
+		"timeZoneName": `\u{432}\u{440}\u{435}\u{43C}\u{435}\u{43D}\u{441}\u{43A}\u{430} \u{437}\u{43E}\u{43D}\u{430}`,
+		"weekday": `\u{434}\u{430}\u{43D} \u{443} \u{43D}\u{435}\u{434}\u{435}\u{459}\u{438}`,
+		"year": `\u{433}\u{43E}\u{434}\u{438}\u{43D}\u{430}`
+	},
+	"sv-SE": {
+		"calendar": `Kalender`,
+		"day": `dag`,
+		"dayPeriod": `fm/em`,
+		"endDate": `Slutdatum`,
+		"era": `era`,
+		"hour": `timme`,
+		"minute": `minut`,
+		"month": `m\xe5nad`,
+		"second": `sekund`,
+		"selectedDateDescription": (args) => `Valt datum: ${args?.date}`,
+		"selectedRangeDescription": (args) => `Valt intervall: ${args?.startDate} till ${args?.endDate}`,
+		"selectedTimeDescription": (args) => `Vald tid: ${args?.time}`,
+		"startDate": `Startdatum`,
+		"timeZoneName": `tidszon`,
+		"weekday": `veckodag`,
+		"year": `\xe5r`
+	},
+	"tr-TR": {
+		"calendar": `Takvim`,
+		"day": `g\xfcn`,
+		"dayPeriod": `\xd6\xd6/\xd6S`,
+		"endDate": `Biti\u{15F} Tarihi`,
+		"era": `\xe7a\u{11F}`,
+		"hour": `saat`,
+		"minute": `dakika`,
+		"month": `ay`,
+		"second": `saniye`,
+		"selectedDateDescription": (args) => `Se\xe7ilen Tarih: ${args?.date}`,
+		"selectedRangeDescription": (args) => `Se\xe7ilen Aral\u{131}k: ${args?.startDate} - ${args?.endDate}`,
+		"selectedTimeDescription": (args) => `Se\xe7ilen Zaman: ${args?.time}`,
+		"startDate": `Ba\u{15F}lang\u{131}\xe7 Tarihi`,
+		"timeZoneName": `saat dilimi`,
+		"weekday": `haftan\u{131}n g\xfcn\xfc`,
+		"year": `y\u{131}l`
+	},
+	"uk-UA": {
+		"calendar": `\u{41A}\u{430}\u{43B}\u{435}\u{43D}\u{434}\u{430}\u{440}`,
+		"day": `\u{434}\u{435}\u{43D}\u{44C}`,
+		"dayPeriod": `\u{434}\u{43F}/\u{43F}\u{43F}`,
+		"endDate": `\u{414}\u{430}\u{442}\u{430} \u{437}\u{430}\u{432}\u{435}\u{440}\u{448}\u{435}\u{43D}\u{43D}\u{44F}`,
+		"era": `\u{435}\u{440}\u{430}`,
+		"hour": `\u{433}\u{43E}\u{434}\u{438}\u{43D}\u{430}`,
+		"minute": `\u{445}\u{432}\u{438}\u{43B}\u{438}\u{43D}\u{430}`,
+		"month": `\u{43C}\u{456}\u{441}\u{44F}\u{446}\u{44C}`,
+		"second": `\u{441}\u{435}\u{43A}\u{443}\u{43D}\u{434}\u{430}`,
+		"selectedDateDescription": (args) => `\u{412}\u{438}\u{431}\u{440}\u{430}\u{43D}\u{430} \u{434}\u{430}\u{442}\u{430}: ${args?.date}`,
+		"selectedRangeDescription": (args) => `\u{412}\u{438}\u{431}\u{440}\u{430}\u{43D}\u{438}\u{439} \u{434}\u{456}\u{430}\u{43F}\u{430}\u{437}\u{43E}\u{43D}: ${args?.startDate} \u{2014} ${args?.endDate}`,
+		"selectedTimeDescription": (args) => `\u{412}\u{438}\u{431}\u{440}\u{430}\u{43D}\u{438}\u{439} \u{447}\u{430}\u{441}: ${args?.time}`,
+		"startDate": `\u{414}\u{430}\u{442}\u{430} \u{43F}\u{43E}\u{447}\u{430}\u{442}\u{43A}\u{443}`,
+		"timeZoneName": `\u{447}\u{430}\u{441}\u{43E}\u{432}\u{438}\u{439} \u{43F}\u{43E}\u{44F}\u{441}`,
+		"weekday": `\u{434}\u{435}\u{43D}\u{44C} \u{442}\u{438}\u{436}\u{43D}\u{44F}`,
+		"year": `\u{440}\u{456}\u{43A}`
+	},
+	"zh-CN": {
+		"calendar": `\u{65E5}\u{5386}`,
+		"day": `\u{65E5}`,
+		"dayPeriod": `\u{4E0A}\u{5348}/\u{4E0B}\u{5348}`,
+		"endDate": `\u{7ED3}\u{675F}\u{65E5}\u{671F}`,
+		"era": `\u{7EAA}\u{5143}`,
+		"hour": `\u{5C0F}\u{65F6}`,
+		"minute": `\u{5206}\u{949F}`,
+		"month": `\u{6708}`,
+		"second": `\u{79D2}`,
+		"selectedDateDescription": (args) => `\u{9009}\u{5B9A}\u{7684}\u{65E5}\u{671F}\u{FF1A}${args?.date}`,
+		"selectedRangeDescription": (args) => `\u{9009}\u{5B9A}\u{7684}\u{8303}\u{56F4}\u{FF1A}${args?.startDate} \u{81F3} ${args?.endDate}`,
+		"selectedTimeDescription": (args) => `\u{9009}\u{5B9A}\u{7684}\u{65F6}\u{95F4}\u{FF1A}${args?.time}`,
+		"startDate": `\u{5F00}\u{59CB}\u{65E5}\u{671F}`,
+		"timeZoneName": `\u{65F6}\u{533A}`,
+		"weekday": `\u{5DE5}\u{4F5C}\u{65E5}`,
+		"year": `\u{5E74}`
+	},
+	"zh-TW": {
+		"calendar": `\u{65E5}\u{66C6}`,
+		"day": `\u{65E5}`,
+		"dayPeriod": `\u{4E0A}\u{5348}/\u{4E0B}\u{5348}`,
+		"endDate": `\u{7D50}\u{675F}\u{65E5}\u{671F}`,
+		"era": `\u{7EAA}\u{5143}`,
+		"hour": `\u{5C0F}\u{65F6}`,
+		"minute": `\u{5206}\u{949F}`,
+		"month": `\u{6708}`,
+		"second": `\u{79D2}`,
+		"selectedDateDescription": (args) => `\u{9078}\u{5B9A}\u{7684}\u{65E5}\u{671F}\u{FF1A}${args?.date}`,
+		"selectedRangeDescription": (args) => `\u{9078}\u{5B9A}\u{7684}\u{7BC4}\u{570D}\u{FF1A}${args?.startDate} \u{81F3} ${args?.endDate}`,
+		"selectedTimeDescription": (args) => `\u{9078}\u{5B9A}\u{7684}\u{6642}\u{9593}\u{FF1A}${args?.time}`,
+		"startDate": `\u{958B}\u{59CB}\u{65E5}\u{671F}`,
+		"timeZoneName": `\u{65F6}\u{533A}`,
+		"weekday": `\u{5DE5}\u{4F5C}\u{65E5}`,
+		"year": `\u{5E74}`
+	}
+};
+const datePickerDictionary = new LocalizedStringDictionary(datePickerStrings);
+//#endregion
+//#region src/datepicker/createDatePickerGroup.ts
+/**
+* createDatePickerGroup hook for Solidaria
+*
+* Provides keyboard (arrow navigation between segments) and pointer (focus the
+* last non-placeholder segment on press) behavior for the date field group.
+* Faithful port of @react-aria/datepicker `useDatePickerGroup`: LTR arrow
+* navigation goes through the focus manager, RTL uses geometric segment lookup,
+* and alt+ArrowDown/Up opens the popover only when the state exposes `setOpen`
+* (i.e. a date picker, never a standalone field).
+*/
+/**
+* Provides keyboard and pointer behavior for the date field/picker segment group.
+*/
+function createDatePickerGroup(state, ref, disableArrowNavigation) {
+	const localeInfo = useLocale();
+	const focusManager = createFocusManager(ref);
+	const findNextSegment = (group, fromX, direction) => {
+		const walker = getFocusableTreeWalker(group, { tabbable: true });
+		let node = walker.nextNode();
+		let closest = null;
+		let closestDistance = Infinity;
+		while (node) {
+			const distance = node.getBoundingClientRect().left - fromX;
+			const absoluteDistance = Math.abs(distance);
+			if (Math.sign(distance) === direction && absoluteDistance < closestDistance) {
+				closest = node;
+				closestDistance = absoluteDistance;
+			}
+			node = walker.nextNode();
+		}
+		return closest;
+	};
+	const onKeyDown = (e) => {
+		if (!nodeContains(e.currentTarget, getEventTarget(e))) return;
+		if (e.altKey && (e.key === "ArrowDown" || e.key === "ArrowUp") && "setOpen" in state) {
+			e.preventDefault();
+			e.stopPropagation();
+			state.setOpen?.(true);
+		}
+		if (disableArrowNavigation) return;
+		const direction = localeInfo().direction;
+		switch (e.key) {
+			case "ArrowLeft": {
+				e.preventDefault();
+				e.stopPropagation();
+				const root = ref();
+				if (direction === "rtl") {
+					if (root) findNextSegment(root, getEventTarget(e).getBoundingClientRect().left, -1)?.focus();
+				} else focusManager.focusPrevious();
+				break;
+			}
+			case "ArrowRight": {
+				e.preventDefault();
+				e.stopPropagation();
+				const root = ref();
+				if (direction === "rtl") {
+					if (root) findNextSegment(root, getEventTarget(e).getBoundingClientRect().left, 1)?.focus();
+				} else focusManager.focusNext();
+				break;
+			}
+		}
+	};
+	const focusLast = () => {
+		const root = ref();
+		if (!root) return;
+		let target = typeof window !== "undefined" ? window.event?.target : null;
+		const walker = getFocusableTreeWalker(root, { tabbable: true });
+		if (target) {
+			walker.currentNode = target;
+			target = walker.previousNode();
+		}
+		if (!target) {
+			let last;
+			do {
+				last = walker.lastChild();
+				if (last) target = last;
+			} while (last);
+		}
+		while (target?.hasAttribute("data-placeholder")) {
+			const prev = walker.previousNode();
+			if (prev && prev.hasAttribute("data-placeholder")) target = prev;
+			else break;
+		}
+		target?.focus();
+	};
+	const { pressProps } = createPress({
+		preventFocusOnPress: true,
+		allowTextSelectionOnPress: true,
+		onPressStart(e) {
+			if (e.pointerType === "mouse") focusLast();
+		},
+		onPress(e) {
+			if (e.pointerType === "touch" || e.pointerType === "pen") focusLast();
+		}
+	});
+	return createMemo(() => mergeProps$1(pressProps, { onKeyDown }));
+}
+//#endregion
 //#region src/datepicker/createDateField.ts
 /**
 * createDateField hook for Solidaria
 *
-* Provides the behavior and accessibility implementation for a date field component.
-* Based on @react-aria/datepicker useDateField
+* Provides the behavior and accessibility implementation for a date field — a
+* segmented spinbutton text input (NOT a calendar grid). Faithful port of
+* @react-aria/datepicker `useDateField`: `fieldProps` IS the labelled
+* `role="group"` that wraps the segments, `inputProps` describes a hidden native
+* `<input>` for form submission, and segment labels/description/focus manager are
+* published to each segment through the shared `hookData` WeakMap.
 */
+const hookData = /* @__PURE__ */ new WeakMap();
+const roleSymbol = "__role_" + Date.now();
+const focusManagerSymbol = "__focusManager_" + Date.now();
 /**
-* Provides the behavior and accessibility implementation for a date field component.
+* Provides the behavior and accessibility implementation for a date field.
 */
-function createDateField(props, state, _ref, overlayState) {
+function createDateField(props, state, ref) {
 	const getProps = () => access(props);
-	const id = createId(getProps().id);
-	const descriptionId = createId();
-	const errorMessageId = createId();
-	const locale = useLocale();
-	const { labelProps, fieldProps: labelFieldProps } = createLabel({
-		get label() {
-			return getProps().label;
+	const isPresentation = () => getProps()[roleSymbol] === "presentation";
+	const field = createField(() => {
+		const p = getProps();
+		const dv = state.displayValidation();
+		return {
+			id: p.id,
+			label: p.label,
+			"aria-label": p["aria-label"],
+			"aria-labelledby": p["aria-labelledby"],
+			"aria-describedby": p["aria-describedby"],
+			description: p.description,
+			labelElementType: "span",
+			isInvalid: dv.isInvalid,
+			errorMessage: p.errorMessage || dv.validationErrors
+		};
+	});
+	let valueOnFocus = null;
+	const { focusWithinProps } = createFocusWithin({
+		get isDisabled() {
+			return getProps().isDisabled;
 		},
-		get "aria-label"() {
-			return getProps()["aria-label"];
+		onFocusWithin(e) {
+			valueOnFocus = state.value();
+			getProps().onFocus?.(e);
 		},
-		get "aria-labelledby"() {
-			return getProps()["aria-labelledby"];
+		onBlurWithin(e) {
+			state.confirmPlaceholder();
+			if (state.value() !== valueOnFocus) state.commitValidation();
+			getProps().onBlur?.(e);
 		},
-		labelElementType: "span"
-	});
-	const getAriaDescribedBy = () => {
-		const p = getProps();
-		const ids = [];
-		if (p["aria-describedby"]) ids.push(p["aria-describedby"]);
-		if (p.description) ids.push(descriptionId);
-		if ((p.isInvalid || state.isInvalid()) && p.errorMessage) ids.push(errorMessageId);
-		return ids.length > 0 ? ids.join(" ") : void 0;
-	};
-	const segments = createMemo(() => state.segments());
-	const getLabelId = () => labelProps.id;
-	const getRoleDescription = () => {
-		return (locale().locale.toLowerCase().split("-")[0] ?? "en") === "es" ? "Campo de fecha" : "Date field";
-	};
-	const focusSegment = (target, container) => {
-		const spinbuttons = Array.from(container.querySelectorAll("[role=\"spinbutton\"]"));
-		if (spinbuttons.length === 0) return;
-		const active = document.activeElement;
-		const currentIndex = active ? spinbuttons.indexOf(active) : -1;
-		if (target === "first") {
-			spinbuttons[0]?.focus();
-			return;
+		onFocusWithinChange(isFocused) {
+			getProps().onFocusChange?.(isFocused);
 		}
-		if (target === "last") {
-			spinbuttons[spinbuttons.length - 1]?.focus();
-			return;
-		}
-		let nextIndex;
-		if (currentIndex < 0) nextIndex = target === "next" ? 0 : spinbuttons.length - 1;
-		else nextIndex = target === "next" ? currentIndex + 1 : currentIndex - 1;
-		if (nextIndex >= 0 && nextIndex < spinbuttons.length) spinbuttons[nextIndex]?.focus();
+	});
+	const stringFormatter = createStringFormatter(datePickerStrings, "@react-aria/datepicker");
+	const descProps = createDescription(createMemo(() => {
+		if (!state.value()) return "";
+		const message = state.maxGranularity === "hour" ? "selectedTimeDescription" : "selectedDateDescription";
+		const fieldKey = state.maxGranularity === "hour" ? "time" : "date";
+		return stringFormatter().format(message, { [fieldKey]: state.formatValue({ month: "long" }) });
+	}));
+	const describedBy = () => {
+		const fp = field.fieldProps;
+		if (isPresentation()) return fp["aria-describedby"];
+		return [descProps["aria-describedby"], fp["aria-describedby"]].filter(Boolean).join(" ") || void 0;
 	};
-	const fieldProps = createMemo(() => {
-		const p = getProps();
-		const baseProps = mergeProps(labelFieldProps, {
-			id,
+	const focusManager = getProps()[focusManagerSymbol] || createFocusManager(ref);
+	const groupProps = createDatePickerGroup(state, ref, isPresentation());
+	const labelId = field.labelProps.id;
+	hookData.set(state, {
+		ariaLabel: getProps()["aria-label"],
+		ariaLabelledBy: [labelId, getProps()["aria-labelledby"]].filter(Boolean).join(" ") || void 0,
+		ariaDescribedBy: describedBy,
+		focusManager
+	});
+	onMount(() => {
+		if (getProps().autoFocus) focusManager.focusFirst();
+	});
+	if (props && typeof props === "object") {
+		createFormReset(() => getProps().inputRef?.(), state.defaultValue, state.setValue);
+		createFormValidation({
+			get validationBehavior() {
+				return getProps().validationBehavior;
+			},
+			focus() {
+				focusManager.focusFirst();
+			}
+		}, state, () => getProps().inputRef?.());
+	}
+	const fieldDOMProps = createMemo(() => {
+		if (isPresentation()) return { role: "presentation" };
+		return mergeProps$1(field.fieldProps, {
 			role: "group",
-			"aria-disabled": p.isDisabled || state.isDisabled() || void 0,
-			"aria-readonly": p.isReadOnly || state.isReadOnly() || void 0,
-			"aria-required": p.isRequired || state.isRequired() || void 0,
-			"aria-invalid": p.isInvalid || state.isInvalid() || void 0,
-			"aria-describedby": getAriaDescribedBy()
+			"aria-disabled": getProps().isDisabled || void 0,
+			"aria-describedby": describedBy()
 		});
-		if (overlayState) {
-			const existingOnKeyDown = baseProps.onKeyDown;
-			baseProps.onKeyDown = (e) => {
-				existingOnKeyDown?.(e);
-				if (e.altKey && (e.key === "ArrowDown" || e.key === "ArrowUp")) {
-					e.preventDefault();
-					e.stopPropagation();
-					overlayState.open();
-				}
-			};
-		}
-		return baseProps;
 	});
-	const inputProps = createMemo(() => {
-		const p = getProps();
-		const labelId = getLabelId();
-		const ariaLabelledBy = labelId ? p["aria-labelledby"] ? `${labelId} ${p["aria-labelledby"]}` : labelId : p["aria-labelledby"];
-		const isDisabled = p.isDisabled || state.isDisabled();
-		const isReadOnly = p.isReadOnly || state.isReadOnly();
-		const isRequired = p.isRequired || state.isRequired();
-		const isInvalid = p.isInvalid || state.isInvalid();
-		const hasValue = state.value() != null;
-		return {
-			role: "presentation",
-			"aria-labelledby": ariaLabelledBy,
-			"aria-describedby": getAriaDescribedBy(),
-			"aria-disabled": isDisabled || void 0,
-			"aria-readonly": isReadOnly || void 0,
-			"aria-required": isRequired || void 0,
-			"aria-invalid": isInvalid || void 0,
-			"aria-roledescription": getRoleDescription(),
-			autoFocus: p.autoFocus,
-			contentEditable: true,
-			suppressContentEditableWarning: true,
-			spellCheck: false,
-			autoCorrect: "off",
-			enterKeyHint: "next",
-			inputMode: "numeric",
-			style: { caretColor: "transparent" },
-			"data-placeholder": !hasValue ? "true" : void 0,
-			onKeyDown: (e) => {
-				const target = e.target;
-				const currentTarget = e.currentTarget;
-				if (target !== currentTarget) return;
-				const rtl = locale().direction === "rtl";
-				switch (e.key) {
-					case "ArrowRight":
-						e.preventDefault();
-						focusSegment(rtl ? "prev" : "next", currentTarget);
-						break;
-					case "ArrowLeft":
-						e.preventDefault();
-						focusSegment(rtl ? "next" : "prev", currentTarget);
-						break;
-					case "Home":
-						e.preventDefault();
-						focusSegment("first", currentTarget);
-						break;
-					case "End":
-						e.preventDefault();
-						focusSegment("last", currentTarget);
-						break;
-				}
+	const fieldProps = createMemo(() => {
+		return mergeProps$1(filterDOMProps(getProps()), fieldDOMProps(), groupProps(), {
+			onFocusIn: focusWithinProps.onFocus,
+			onFocusOut: focusWithinProps.onBlur
+		}, {
+			onKeyDown(e) {
+				getProps().onKeyDown?.(e);
 			},
-			onFocus: () => {},
-			onBlur: () => {
-				state.confirmPlaceholder();
+			onKeyUp(e) {
+				getProps().onKeyUp?.(e);
 			},
-			onClick: (e) => {
-				const target = e.target;
-				const currentTarget = e.currentTarget;
-				if (target !== currentTarget) return;
-				const spinbuttons = Array.from(currentTarget.querySelectorAll("[role=\"spinbutton\"]"));
-				if (spinbuttons.length > 0) spinbuttons[0].focus();
-			}
+			style: { unicodeBidi: "isolate" }
+		});
+	});
+	const inputProps = createMemo(() => {
+		const p = getProps();
+		const value = state.value();
+		const base = {
+			type: "hidden",
+			name: p.name,
+			form: p.form,
+			value: value?.toString() || "",
+			disabled: p.isDisabled
 		};
+		if (p.validationBehavior === "native") {
+			base.type = "text";
+			base.hidden = true;
+			base.required = p.isRequired;
+			base.onChange = () => {};
+		}
+		return base;
 	});
-	const descriptionProps = createMemo(() => ({ id: descriptionId }));
-	const errorMessageProps = createMemo(() => ({
-		id: errorMessageId,
-		role: "alert"
-	}));
+	const displayValidation = () => state.displayValidation();
 	return {
 		get labelProps() {
-			return labelProps;
+			return {
+				...field.labelProps,
+				onClick: () => {
+					focusManager.focusFirst();
+				}
+			};
 		},
 		get fieldProps() {
 			return fieldProps();
@@ -170,744 +880,483 @@ function createDateField(props, state, _ref, overlayState) {
 			return inputProps();
 		},
 		get descriptionProps() {
-			return descriptionProps();
+			return field.descriptionProps;
 		},
 		get errorMessageProps() {
-			return errorMessageProps();
+			return field.errorMessageProps;
+		},
+		get isInvalid() {
+			return displayValidation().isInvalid;
 		},
-		get segments() {
-			return segments();
+		get validationErrors() {
+			return displayValidation().validationErrors;
+		},
+		get validationDetails() {
+			return displayValidation().validationDetails;
 		}
 	};
 }
 //#endregion
+//#region src/datepicker/createDisplayNames.ts
+/**
+* createDisplayNames hook for Solidaria
+*
+* Returns an `Intl.DisplayNames`-compatible object for the `dateTimeField` type,
+* falling back to a dictionary-backed polyfill in engines that support
+* `Intl.DisplayNames` but not the v2 `dateTimeField` type. Port of
+* @react-aria/datepicker `useDisplayNames`.
+*/
+var DisplayNamesPolyfill = class {
+	locale;
+	dictionary;
+	constructor(locale, dictionary) {
+		this.locale = locale;
+		this.dictionary = dictionary;
+	}
+	of(field) {
+		return this.dictionary.getStringForLocale(field, this.locale);
+	}
+};
+/**
+* Returns an accessor to a localized `DisplayNames` instance for date field names.
+*/
+function createDisplayNames() {
+	const localeAccessor = useLocale();
+	return createMemo(() => {
+		const locale = localeAccessor().locale;
+		try {
+			return new Intl.DisplayNames(locale, { type: "dateTimeField" });
+		} catch {
+			return new DisplayNamesPolyfill(locale, datePickerDictionary);
+		}
+	});
+}
+//#endregion
 //#region src/datepicker/createDateSegment.ts
 /**
 * createDateSegment hook for Solidaria
 *
-* Provides the behavior and accessibility implementation for a date segment.
-* Based on @react-aria/datepicker useDateSegment
+* Provides the behavior and accessibility implementation for a single editable
+* date segment. Faithful port of @react-aria/datepicker `useDateSegment` — the
+* spinbutton wiring (value stepping + live announcements) is delegated to
+* `createSpinButton`, numeric text entry flows through native `beforeinput`
+* events, and segment focus recovery on unmount mirrors upstream's layout effect.
 */
+function commonPrefixLength(strings) {
+	strings.sort();
+	const first = strings[0];
+	const last = strings[strings.length - 1];
+	for (let i = 0; i < first.length; i++) if (first[i] !== last[i]) return i;
+	return 0;
+}
 /**
 * Provides the behavior and accessibility implementation for a date segment.
 */
 function createDateSegment(props, state, ref) {
 	const getProps = () => access(props);
-	const [isFocused, setIsFocused] = createSignal(false);
-	const [isFocusVisible, setIsFocusVisible] = createSignal(false);
-	const [isHovered, setIsHovered] = createSignal(false);
-	const [enteredKeys, setEnteredKeys] = createSignal("");
-	const [isComposing, setIsComposing] = createSignal(false);
-	const locale = useLocale();
-	const segment = createMemo(() => getProps().segment);
-	const isEditable = createMemo(() => {
-		return segment().isEditable && !state.isDisabled() && !state.isReadOnly();
+	const segment = () => getProps().segment;
+	let enteredKeys = "";
+	const localeInfo = useLocale();
+	const locale = () => localeInfo().locale;
+	const direction = () => localeInfo().direction;
+	const displayNames = createDisplayNames();
+	const hd = hookData.get(state);
+	const focusManager = hd?.focusManager;
+	const segmentId = createId();
+	const resolvedOptions = state.dateFormatter.resolvedOptions();
+	const monthDateFormatter = createDateFormatter({
+		month: "long",
+		timeZone: resolvedOptions.timeZone
 	});
-	let longPressTimeout = null;
-	let longPressInterval = null;
-	let hadPointerDown = false;
-	const clearLongPress = () => {
-		if (longPressTimeout) {
-			clearTimeout(longPressTimeout);
-			longPressTimeout = null;
-		}
-		if (longPressInterval) {
-			clearInterval(longPressInterval);
-			longPressInterval = null;
-		}
-	};
-	const startLongPress = (action) => {
-		clearLongPress();
-		longPressTimeout = setTimeout(() => {
-			action();
-			longPressInterval = setInterval(() => {
-				action();
-			}, 100);
-		}, 300);
-	};
-	onCleanup(() => {
-		clearLongPress();
+	const hourDateFormatter = createDateFormatter({
+		hour: "numeric",
+		hour12: resolvedOptions.hour12,
+		timeZone: resolvedOptions.timeZone
 	});
-	const focusSegment = (target) => {
-		const el = ref?.();
-		if (!el) return;
-		const container = el.parentElement;
-		if (!container) return;
-		const segments = Array.from(container.querySelectorAll("[role=\"spinbutton\"]"));
-		if (segments.length === 0) return;
-		if (target === "first") {
-			segments[0]?.focus();
-			return;
-		}
-		if (target === "last") {
-			segments[segments.length - 1]?.focus();
-			return;
-		}
-		const currentIndex = segments.indexOf(el);
-		if (currentIndex < 0) return;
-		const nextIndex = target === "next" ? currentIndex + 1 : currentIndex - 1;
-		if (nextIndex >= 0 && nextIndex < segments.length) segments[nextIndex]?.focus();
-	};
-	const clearCurrentSegment = (type) => {
-		state.clearSegment(type);
-		setEnteredKeys("");
-	};
-	const handleKeyDown = (e) => {
-		if (!isEditable()) return;
-		if (isComposing()) return;
+	const textValue = createMemo(() => {
+		const seg = segment();
+		let value = seg.isPlaceholder ? "" : seg.text;
+		if (seg.type === "month" && !seg.isPlaceholder) {
+			const monthTextValue = monthDateFormatter().format(state.dateValue());
+			value = monthTextValue !== value ? `${value} \u{2013} ${monthTextValue}` : monthTextValue;
+		} else if (seg.type === "hour" && !seg.isPlaceholder) value = hourDateFormatter().format(state.dateValue());
+		return value;
+	});
+	const spinButton = createSpinButton(() => {
+		const seg = segment();
+		return {
+			value: seg.value ?? void 0,
+			textValue: textValue(),
+			minValue: seg.minValue,
+			maxValue: seg.maxValue,
+			isDisabled: state.isDisabled(),
+			isReadOnly: state.isReadOnly() || !seg.isEditable,
+			isRequired: state.isRequired(),
+			onIncrement: () => {
+				enteredKeys = "";
+				state.increment(seg.type);
+			},
+			onDecrement: () => {
+				enteredKeys = "";
+				state.decrement(seg.type);
+			},
+			onIncrementPage: () => {
+				enteredKeys = "";
+				state.incrementPage(seg.type);
+			},
+			onDecrementPage: () => {
+				enteredKeys = "";
+				state.decrementPage(seg.type);
+			},
+			onIncrementToMax: () => {
+				enteredKeys = "";
+				state.incrementToMax(seg.type);
+			},
+			onDecrementToMin: () => {
+				enteredKeys = "";
+				state.decrementToMin(seg.type);
+			}
+		};
+	});
+	const parser = createMemo(() => new NumberParser(locale(), { maximumFractionDigits: 0 }));
+	const backspace = () => {
 		const seg = segment();
-		const type = seg.type;
-		if (type === "literal") return;
-		setIsFocusVisible(true);
+		if (seg.text === seg.placeholder) focusManager?.focusPrevious();
+		if (parser().isValidPartialNumber(seg.text) && !state.isReadOnly() && !seg.isPlaceholder) {
+			let newValue = seg.text.slice(0, -1);
+			const parsed = parser().parse(newValue);
+			newValue = parsed === 0 ? "" : newValue;
+			if (newValue.length === 0 || parsed === 0) state.clearSegment(seg.type);
+			else state.setSegment(seg.type, parsed);
+			enteredKeys = newValue;
+		} else if (seg.type === "dayPeriod" || seg.type === "era") state.clearSegment(seg.type);
+	};
+	const onKeyDown = (e) => {
+		if (e.key === "a" && (isMac() ? e.metaKey : e.ctrlKey)) e.preventDefault();
+		if (e.ctrlKey || e.metaKey || e.shiftKey || e.altKey) return;
 		switch (e.key) {
-			case "ArrowRight":
-				e.preventDefault();
-				focusSegment(locale().direction === "rtl" ? "prev" : "next");
-				break;
-			case "ArrowLeft":
-				e.preventDefault();
-				focusSegment(locale().direction === "rtl" ? "next" : "prev");
-				break;
-			case "ArrowUp":
-				e.preventDefault();
-				state.incrementSegment(type);
-				if (!e.repeat) startLongPress(() => state.incrementSegment(type));
-				break;
-			case "ArrowDown":
-				e.preventDefault();
-				state.decrementSegment(type);
-				if (!e.repeat) startLongPress(() => state.decrementSegment(type));
-				break;
-			case "Home":
-				e.preventDefault();
-				focusSegment("first");
-				break;
-			case "End":
-				e.preventDefault();
-				focusSegment("last");
-				break;
 			case "Backspace":
-				e.preventDefault();
-				if (seg.isPlaceholder) focusSegment("prev");
-				else clearCurrentSegment(type);
-				break;
 			case "Delete":
 				e.preventDefault();
-				clearCurrentSegment(type);
-				break;
-			default:
-				const normalizedDigit = normalizeDigit$1(e.key);
-				if (normalizedDigit) {
-					e.preventDefault();
-					handleNumericInput(normalizedDigit, type, seg);
-				}
+				e.stopPropagation();
+				backspace();
 				break;
 		}
 	};
-	const handleKeyUp = () => {
-		clearLongPress();
-	};
-	const handleNumericInput = (key, type, seg) => {
-		const newKeys = enteredKeys() + key;
-		const numValue = parseInt(newKeys, 10);
-		const maxValue = seg.maxValue ?? 99;
-		const minValue = seg.minValue ?? 0;
-		const maxDigits = String(maxValue).length;
-		if (numValue <= maxValue) {
-			state.setSegment(type, numValue);
-			if (parseInt(newKeys + "0", 10) > maxValue || newKeys.length >= maxDigits) {
-				setEnteredKeys("");
-				focusSegment("next");
-			} else setEnteredKeys(newKeys);
-		} else {
-			const singleValue = parseInt(key, 10);
-			if (singleValue >= minValue && singleValue <= maxValue) {
-				state.setSegment(type, singleValue);
-				if (parseInt(key + "0", 10) > maxValue || key.length >= maxDigits) {
-					setEnteredKeys("");
-					focusSegment("next");
-				} else setEnteredKeys(key);
-			} else setEnteredKeys("");
-		}
-	};
-	const handleBeforeInput = (e) => {
-		if (!isEditable()) return;
-		if (isComposing()) return;
+	const { startsWith } = createFilter({ sensitivity: "base" })();
+	const amPmFormatter = createDateFormatter({
+		hour: "numeric",
+		hour12: true
+	});
+	const am = createMemo(() => {
+		const date = /* @__PURE__ */ new Date();
+		date.setHours(0);
+		return amPmFormatter().formatToParts(date).find((part) => part.type === "dayPeriod")?.value ?? "";
+	});
+	const pm = createMemo(() => {
+		const date = /* @__PURE__ */ new Date();
+		date.setHours(12);
+		return amPmFormatter().formatToParts(date).find((part) => part.type === "dayPeriod")?.value ?? "";
+	});
+	const eraFormatter = createDateFormatter({
+		year: "numeric",
+		era: "narrow",
+		timeZone: "UTC"
+	});
+	const eras = createMemo(() => {
+		if (segment().type !== "era") return [];
+		const date = toCalendar(new CalendarDate(1, 1, 1), state.calendar);
+		const list = state.calendar.getEras().map((era) => {
+			const eraDate = date.set({
+				year: 1,
+				month: 1,
+				day: 1,
+				era
+			}).toDate("UTC");
+			return {
+				era,
+				formatted: eraFormatter().formatToParts(eraDate).find((p) => p.type === "era")?.value ?? ""
+			};
+		});
+		const prefixLength = commonPrefixLength(list.map((era) => era.formatted));
+		if (prefixLength) for (const era of list) era.formatted = era.formatted.slice(prefixLength);
+		return list;
+	});
+	const onInput = (key) => {
 		const seg = segment();
-		if (seg.type === "literal") return;
-		if (e.inputType === "deleteContentBackward" || e.inputType === "deleteContentForward") {
-			e.preventDefault();
-			clearCurrentSegment(seg.type);
-			return;
-		}
-		if (e.inputType === "insertText" && e.data) {
-			const normalizedDigit = normalizeDigit$1(e.data);
-			if (!normalizedDigit) return;
-			e.preventDefault();
-			handleNumericInput(normalizedDigit, seg.type, seg);
+		if (state.isDisabled() || state.isReadOnly()) return;
+		const newValue = enteredKeys + key;
+		switch (seg.type) {
+			case "dayPeriod":
+				if (startsWith(am(), key)) state.setSegment("dayPeriod", 0);
+				else if (startsWith(pm(), key)) state.setSegment("dayPeriod", 1);
+				else break;
+				focusManager?.focusNext();
+				break;
+			case "era": {
+				const matched = eras().find((e) => startsWith(e.formatted, key));
+				if (matched) {
+					state.setSegment("era", matched.era);
+					focusManager?.focusNext();
+				}
+				break;
+			}
+			case "day":
+			case "hour":
+			case "minute":
+			case "second":
+			case "month":
+			case "year": {
+				if (!parser().isValidPartialNumber(newValue)) return;
+				const numberValue = parser().parse(newValue);
+				let segmentValue = numberValue;
+				if (seg.maxValue !== void 0 && numberValue > seg.maxValue) segmentValue = parser().parse(key);
+				if (isNaN(numberValue)) return;
+				state.setSegment(seg.type, segmentValue);
+				if (seg.maxValue !== void 0 && (Number(numberValue + "0") > seg.maxValue || newValue.length >= String(seg.maxValue).length)) {
+					enteredKeys = "";
+					focusManager?.focusNext();
+				} else enteredKeys = newValue;
+				break;
+			}
 		}
 	};
-	const handleCompositionStart = () => {
-		if (!isEditable()) return;
-		setIsComposing(true);
-		setEnteredKeys("");
-	};
-	const handleCompositionEnd = (e) => {
-		if (!isEditable()) return;
-		setIsComposing(false);
-		const seg = segment();
-		if (seg.type === "literal") return;
-		const digits = extractNormalizedDigits$1(e.data ?? "");
-		if (digits.length === 0) return;
-		for (const digit of digits) handleNumericInput(digit, seg.type, seg);
+	const onFocus = () => {
+		enteredKeys = "";
+		const el = ref();
+		if (el) {
+			scrollIntoViewport(el, { containingElement: getScrollParent(el) });
+			window.getSelection()?.collapse(el);
+		}
 	};
-	const handleFocus = () => {
-		setIsFocused(true);
-		setEnteredKeys("");
-		if (!hadPointerDown) setIsFocusVisible(true);
-		hadPointerDown = false;
-		const el = ref?.();
-		if (el) scrollIntoViewport(el, { containingElement: getScrollParent(el) });
-		if (el && typeof window !== "undefined") {
+	createEffect(() => {
+		if (typeof document === "undefined") return;
+		const handler = () => {
 			const selection = window.getSelection();
-			if (selection) {
-				const range = new Range();
-				range.selectNodeContents(el);
-				selection.removeAllRanges();
-				selection.addRange(range);
+			if (selection?.anchorNode && nodeContains(ref(), selection.anchorNode)) selection.collapse(ref());
+		};
+		document.addEventListener("selectionchange", handler);
+		onCleanup(() => document.removeEventListener("selectionchange", handler));
+	});
+	let compositionValue = "";
+	createEffect(() => {
+		const el = ref();
+		if (!el) return;
+		const onBeforeInput = (e) => {
+			if (!ref()) return;
+			e.preventDefault();
+			switch (e.inputType) {
+				case "deleteContentBackward":
+				case "deleteContentForward":
+					if (parser().isValidPartialNumber(segment().text) && !state.isReadOnly()) backspace();
+					break;
+				case "insertCompositionText":
+					compositionValue = el.textContent ?? "";
+					el.textContent = el.textContent;
+					break;
+				default:
+					if (e.data != null) onInput(e.data);
+					break;
+			}
+		};
+		const onInputEvent = (e) => {
+			const { inputType, data } = e;
+			switch (inputType) {
+				case "insertCompositionText":
+					if (ref()) el.textContent = compositionValue;
+					if (data != null && (startsWith(am(), data) || startsWith(pm(), data))) onInput(data);
+					break;
 			}
+		};
+		el.addEventListener("beforeinput", onBeforeInput);
+		el.addEventListener("input", onInputEvent);
+		onCleanup(() => {
+			el.removeEventListener("beforeinput", onBeforeInput);
+			el.removeEventListener("input", onInputEvent);
+		});
+	});
+	let focusedElement = null;
+	createEffect(() => {
+		focusedElement = ref();
+	});
+	onCleanup(() => {
+		if (typeof document !== "undefined" && document.activeElement === focusedElement) {
+			if (!focusManager?.focusPrevious()) focusManager?.focusNext();
 		}
-	};
-	const handleBlur = () => {
-		setIsFocused(false);
-		setIsFocusVisible(false);
-		setEnteredKeys("");
-		clearLongPress();
-		state.confirmPlaceholder();
-	};
-	const handleMouseEnter = () => {
-		setIsHovered(true);
-	};
-	const handleMouseLeave = () => {
-		setIsHovered(false);
-	};
+	});
 	const segmentProps = createMemo(() => {
 		const seg = segment();
-		const type = seg.type;
 		const p = getProps();
-		if (type === "literal") return { "aria-hidden": true };
-		return {
-			role: "spinbutton",
-			tabIndex: isEditable() ? 0 : -1,
-			"aria-label": getSegmentLabel$1(type, locale().locale),
-			"aria-valuenow": seg.value,
-			"aria-valuemin": seg.minValue,
-			"aria-valuemax": seg.maxValue,
-			"aria-valuetext": seg.isPlaceholder ? "" : seg.text,
-			"aria-readonly": state.isReadOnly() || void 0,
-			"aria-disabled": state.isDisabled() || void 0,
-			"aria-invalid": state.isInvalid() || void 0,
+		const touchPropOverrides = isIOS() || seg.type === "timeZoneName" ? {
+			role: "textbox",
+			"aria-valuemax": null,
+			"aria-valuemin": null,
+			"aria-valuetext": null,
+			"aria-valuenow": null
+		} : {};
+		let ariaDescribedBy = hd?.ariaDescribedBy?.();
+		const firstEditable = state.segments().find((s) => s.isEditable);
+		if (firstEditable && firstEditable.type !== seg.type && !state.isInvalid()) ariaDescribedBy = void 0;
+		ariaDescribedBy = [p["aria-describedby"], ariaDescribedBy].filter(Boolean).join(" ") || void 0;
+		const isEditable = !state.isDisabled() && !state.isReadOnly() && seg.isEditable;
+		const name = seg.type === "literal" ? "" : displayNames().of(seg.type);
+		const ariaLabel = hd?.ariaLabel;
+		const ariaLabelledBy = hd?.ariaLabelledBy;
+		const labelProps = createLabels({
+			id: segmentId,
+			"aria-label": `${name}${ariaLabel ? `, ${ariaLabel}` : ""}${ariaLabelledBy ? ", " : ""}`,
+			"aria-labelledby": ariaLabelledBy
+		});
+		if (seg.type === "literal") return { "aria-hidden": true };
+		const segmentStyle = { "caret-color": "transparent" };
+		if (direction() === "rtl") {
+			segmentStyle["unicode-bidi"] = "embed";
+			const format = resolvedOptions[seg.type];
+			if (format === "numeric" || format === "2-digit") segmentStyle.direction = "ltr";
+		}
+		return mergeProps$1(spinButton.spinButtonProps, labelProps, {
+			id: segmentId,
+			...touchPropOverrides,
+			"aria-invalid": state.isInvalid() ? "true" : void 0,
+			"aria-describedby": ariaDescribedBy,
+			"aria-readonly": state.isReadOnly() || !seg.isEditable ? "true" : void 0,
 			"aria-controls": p["aria-controls"] || void 0,
-			"aria-describedby": p["aria-describedby"] || void 0,
-			contentEditable: isEditable(),
-			suppressContentEditableWarning: true,
-			inputMode: "numeric",
-			autoCorrect: "off",
-			enterKeyHint: "next",
-			spellCheck: false,
-			"data-placeholder": seg.isPlaceholder ? "true" : void 0,
-			"data-readonly": state.isReadOnly() || void 0,
-			"data-disabled": state.isDisabled() || void 0,
-			"data-invalid": state.isInvalid() || void 0,
-			"data-type": seg.type,
-			"data-hovered": isHovered() || void 0,
-			"data-focused": isFocused() || void 0,
-			"data-focus-visible": isFocusVisible() || void 0,
-			onKeyDown: handleKeyDown,
-			onKeyUp: handleKeyUp,
-			onFocus: handleFocus,
-			onBlur: handleBlur,
-			onBeforeInput: handleBeforeInput,
-			onCompositionStart: handleCompositionStart,
-			onCompositionEnd: handleCompositionEnd,
-			onMouseEnter: handleMouseEnter,
-			onMouseLeave: handleMouseLeave,
-			onPointerDown: (e) => {
-				e.preventDefault();
-				hadPointerDown = true;
-				setIsFocusVisible(false);
+			"data-placeholder": seg.isPlaceholder || void 0,
+			contentEditable: isEditable,
+			suppressContentEditableWarning: isEditable,
+			spellCheck: isEditable ? "false" : void 0,
+			autoCorrect: isEditable ? "off" : void 0,
+			enterKeyHint: isEditable ? "next" : void 0,
+			inputMode: state.isDisabled() || seg.type === "dayPeriod" || seg.type === "era" || !isEditable ? void 0 : "numeric",
+			tabIndex: state.isDisabled() ? void 0 : 0,
+			onKeyDown,
+			onFocus,
+			style: segmentStyle,
+			onPointerDown(e) {
+				e.stopPropagation();
 			},
-			onPointerUp: () => {
-				clearLongPress();
+			onMouseDown(e) {
+				e.stopPropagation();
 			}
-		};
-	});
-	const text = createMemo(() => {
-		const seg = segment();
-		return seg.isPlaceholder ? seg.placeholder : seg.text;
+		});
 	});
-	return {
-		get segmentProps() {
-			return segmentProps();
-		},
-		get isFocused() {
-			return isFocused();
-		},
-		get isEditable() {
-			return isEditable();
-		},
-		get isPlaceholder() {
-			return segment().isPlaceholder;
-		},
-		get text() {
-			return text();
-		},
-		get isHovered() {
-			return isHovered();
-		},
-		get isFocusVisible() {
-			return isFocusVisible();
-		}
-	};
-}
-const SEGMENT_LABELS$1 = {
-	en: {
-		year: "Year",
-		month: "Month",
-		day: "Day",
-		hour: "Hour",
-		minute: "Minute",
-		second: "Second",
-		dayPeriod: "AM/PM",
-		era: "Era",
-		timeZoneName: "Time zone"
-	},
-	es: {
-		year: "Año",
-		month: "Mes",
-		day: "Día",
-		hour: "Hora",
-		minute: "Minuto",
-		second: "Segundo",
-		dayPeriod: "AM/PM",
-		era: "Era",
-		timeZoneName: "Zona horaria"
-	}
-};
-function getSegmentLabel$1(type, locale) {
-	if (type === "literal") return "";
-	return (SEGMENT_LABELS$1[locale.toLowerCase().split("-")[0] ?? "en"] ?? SEGMENT_LABELS$1.en)[type];
-}
-function normalizeDigit$1(input) {
-	if (/^[0-9]$/.test(input)) return input;
-	const codePoint = input.codePointAt(0);
-	if (codePoint == null) return null;
-	if (codePoint >= 65296 && codePoint <= 65305) return String(codePoint - 65296);
-	return null;
-}
-function extractNormalizedDigits$1(value) {
-	const digits = [];
-	for (const char of value) {
-		const normalized = normalizeDigit$1(char);
-		if (normalized) digits.push(normalized);
-	}
-	return digits;
+	return { get segmentProps() {
+		return segmentProps();
+	} };
 }
 //#endregion
 //#region src/datepicker/createTimeField.ts
 /**
-* createTimeField hook for Solidaria
-*
-* Provides the behavior and accessibility implementation for a time field component.
-* Based on @react-aria/datepicker useTimeField
-*/
-/**
-* Provides the behavior and accessibility implementation for a time field component.
+* Provides the behavior and accessibility implementation for a time field.
 */
-function createTimeField(props, state, _ref) {
-	const getProps = () => access(props);
-	const id = createId(getProps().id);
-	const descriptionId = createId();
-	const errorMessageId = createId();
-	const { labelProps, fieldProps: labelFieldProps } = createLabel({
-		get label() {
-			return getProps().label;
-		},
-		get "aria-label"() {
-			return getProps()["aria-label"];
-		},
-		get "aria-labelledby"() {
-			return getProps()["aria-labelledby"];
-		},
-		labelElementType: "span"
-	});
-	const getAriaDescribedBy = () => {
-		const p = getProps();
-		const ids = [];
-		if (p["aria-describedby"]) ids.push(p["aria-describedby"]);
-		if (p.description) ids.push(descriptionId);
-		if ((p.isInvalid || state.isInvalid()) && p.errorMessage) ids.push(errorMessageId);
-		return ids.length > 0 ? ids.join(" ") : void 0;
-	};
-	const segments = createMemo(() => state.segments());
-	const fieldProps = createMemo(() => {
-		const p = getProps();
-		return mergeProps(labelFieldProps, {
-			id,
-			role: "group",
-			"aria-disabled": p.isDisabled || state.isDisabled() || void 0,
-			"aria-readonly": p.isReadOnly || state.isReadOnly() || void 0,
-			"aria-required": p.isRequired || state.isRequired() || void 0,
-			"aria-invalid": p.isInvalid || state.isInvalid() || void 0,
-			"aria-describedby": getAriaDescribedBy()
-		});
-	});
-	const inputProps = createMemo(() => ({ role: "presentation" }));
-	const descriptionProps = createMemo(() => ({ id: descriptionId }));
-	const errorMessageProps = createMemo(() => ({
-		id: errorMessageId,
-		role: "alert"
-	}));
+function createTimeField(props, state, ref) {
+	const res = createDateField(props, state, ref);
 	return {
 		get labelProps() {
-			return labelProps;
+			return res.labelProps;
 		},
 		get fieldProps() {
-			return fieldProps();
+			return res.fieldProps;
 		},
 		get inputProps() {
-			return inputProps();
+			return {
+				...res.inputProps,
+				value: state.timeValue()?.toString() || ""
+			};
 		},
 		get descriptionProps() {
-			return descriptionProps();
+			return res.descriptionProps;
 		},
 		get errorMessageProps() {
-			return errorMessageProps();
+			return res.errorMessageProps;
 		},
-		get segments() {
-			return segments();
-		}
-	};
-}
-//#endregion
-//#region src/datepicker/createTimeSegment.ts
-/**
-* createTimeSegment hook for Solidaria
-*
-* Provides the behavior and accessibility implementation for a time segment.
-* Based on @react-aria/datepicker useDateSegment semantics (time-field scope).
-*/
-/**
-* Provides the behavior and accessibility implementation for a time segment.
-*/
-function createTimeSegment(props, state, ref) {
-	const getProps = () => access(props);
-	const [isFocused, setIsFocused] = createSignal(false);
-	const [enteredKeys, setEnteredKeys] = createSignal("");
-	const [isComposing, setIsComposing] = createSignal(false);
-	const locale = useLocale();
-	const segment = createMemo(() => getProps().segment);
-	const isEditable = createMemo(() => {
-		return segment().isEditable && !state.isDisabled() && !state.isReadOnly();
-	});
-	const focusSegment = (target) => {
-		const el = ref?.();
-		if (!el) return;
-		const container = el.parentElement;
-		if (!container) return;
-		const segments = Array.from(container.querySelectorAll("[role=\"spinbutton\"]"));
-		if (segments.length === 0) return;
-		if (target === "first") {
-			segments[0]?.focus();
-			return;
-		}
-		if (target === "last") {
-			segments[segments.length - 1]?.focus();
-			return;
-		}
-		const currentIndex = segments.indexOf(el);
-		if (currentIndex < 0) return;
-		const nextIndex = target === "next" ? currentIndex + 1 : currentIndex - 1;
-		if (nextIndex >= 0 && nextIndex < segments.length) segments[nextIndex]?.focus();
-	};
-	const clearCurrentSegment = (type) => {
-		state.clearSegment(type);
-		setEnteredKeys("");
-	};
-	const handleNumericInput = (key, type, seg) => {
-		const newKeys = enteredKeys() + key;
-		const numValue = parseInt(newKeys, 10);
-		const maxValue = seg.maxValue ?? 99;
-		const minValue = seg.minValue ?? 0;
-		const maxDigits = String(maxValue).length;
-		if (numValue <= maxValue) {
-			state.setSegment(type, numValue);
-			if (parseInt(newKeys + "0", 10) > maxValue || newKeys.length >= maxDigits) {
-				setEnteredKeys("");
-				focusSegment("next");
-			} else setEnteredKeys(newKeys);
-		} else {
-			const singleValue = parseInt(key, 10);
-			if (singleValue >= minValue && singleValue <= maxValue) {
-				state.setSegment(type, singleValue);
-				if (parseInt(key + "0", 10) > maxValue || key.length >= maxDigits) {
-					setEnteredKeys("");
-					focusSegment("next");
-				} else setEnteredKeys(key);
-			} else setEnteredKeys("");
-		}
-	};
-	const handleKeyDown = (e) => {
-		if (!isEditable()) return;
-		if (isComposing()) return;
-		const seg = segment();
-		const type = seg.type;
-		if (type === "literal") return;
-		switch (e.key) {
-			case "ArrowRight":
-				e.preventDefault();
-				focusSegment(locale().direction === "rtl" ? "prev" : "next");
-				break;
-			case "ArrowLeft":
-				e.preventDefault();
-				focusSegment(locale().direction === "rtl" ? "next" : "prev");
-				break;
-			case "ArrowUp":
-				e.preventDefault();
-				state.incrementSegment(type);
-				break;
-			case "ArrowDown":
-				e.preventDefault();
-				state.decrementSegment(type);
-				break;
-			case "Home":
-				e.preventDefault();
-				focusSegment("first");
-				break;
-			case "End":
-				e.preventDefault();
-				focusSegment("last");
-				break;
-			case "Backspace":
-				e.preventDefault();
-				if (seg.isPlaceholder) focusSegment("prev");
-				else clearCurrentSegment(type);
-				break;
-			case "Delete":
-				e.preventDefault();
-				clearCurrentSegment(type);
-				break;
-			default:
-				const normalizedDigit = normalizeDigit(e.key);
-				if (normalizedDigit) {
-					e.preventDefault();
-					handleNumericInput(normalizedDigit, type, seg);
-				}
-				break;
-		}
-	};
-	const handleBeforeInput = (e) => {
-		if (!isEditable()) return;
-		if (isComposing()) return;
-		const seg = segment();
-		if (seg.type === "literal") return;
-		if (e.inputType === "deleteContentBackward" || e.inputType === "deleteContentForward") {
-			e.preventDefault();
-			clearCurrentSegment(seg.type);
-			return;
-		}
-		if (e.inputType === "insertText" && e.data) {
-			const normalizedDigit = normalizeDigit(e.data);
-			if (!normalizedDigit) return;
-			e.preventDefault();
-			handleNumericInput(normalizedDigit, seg.type, seg);
-		}
-	};
-	const handleCompositionStart = () => {
-		if (!isEditable()) return;
-		setIsComposing(true);
-		setEnteredKeys("");
-	};
-	const handleCompositionEnd = (e) => {
-		if (!isEditable()) return;
-		setIsComposing(false);
-		const seg = segment();
-		if (seg.type === "literal") return;
-		const digits = extractNormalizedDigits(e.data ?? "");
-		if (digits.length === 0) return;
-		for (const digit of digits) handleNumericInput(digit, seg.type, seg);
-	};
-	const handleFocus = () => {
-		setIsFocused(true);
-		setEnteredKeys("");
-	};
-	const handleBlur = () => {
-		setIsFocused(false);
-		setEnteredKeys("");
-		state.confirmPlaceholder?.();
-	};
-	const segmentProps = createMemo(() => {
-		const seg = segment();
-		const type = seg.type;
-		if (type === "literal") return { "aria-hidden": true };
-		return {
-			role: "spinbutton",
-			tabIndex: isEditable() ? 0 : -1,
-			"aria-label": getSegmentLabel(type, locale().locale),
-			"aria-valuenow": seg.value,
-			"aria-valuemin": seg.minValue,
-			"aria-valuemax": seg.maxValue,
-			"aria-valuetext": seg.isPlaceholder ? seg.placeholder : seg.text,
-			"aria-readonly": state.isReadOnly() || void 0,
-			"aria-disabled": state.isDisabled() || void 0,
-			"aria-invalid": state.isInvalid() || void 0,
-			contentEditable: isEditable(),
-			suppressContentEditableWarning: true,
-			inputMode: "numeric",
-			autoCorrect: "off",
-			enterKeyHint: "next",
-			spellCheck: false,
-			onKeyDown: handleKeyDown,
-			onFocus: handleFocus,
-			onBlur: handleBlur,
-			onBeforeInput: handleBeforeInput,
-			onCompositionStart: handleCompositionStart,
-			onCompositionEnd: handleCompositionEnd,
-			onMouseDown: (e) => {
-				e.preventDefault();
-			}
-		};
-	});
-	const text = createMemo(() => {
-		const seg = segment();
-		return seg.isPlaceholder ? seg.placeholder : seg.text;
-	});
-	return {
-		get segmentProps() {
-			return segmentProps();
-		},
-		get isFocused() {
-			return isFocused();
-		},
-		get isEditable() {
-			return isEditable();
+		get isInvalid() {
+			return res.isInvalid;
 		},
-		get isPlaceholder() {
-			return segment().isPlaceholder;
+		get validationErrors() {
+			return res.validationErrors;
 		},
-		get text() {
-			return text();
+		get validationDetails() {
+			return res.validationDetails;
 		}
 	};
 }
-const SEGMENT_LABELS = {
-	en: {
-		hour: "Hour",
-		minute: "Minute",
-		second: "Second",
-		dayPeriod: "AM/PM"
-	},
-	es: {
-		hour: "Hora",
-		minute: "Minuto",
-		second: "Segundo",
-		dayPeriod: "AM/PM"
-	}
-};
-function getSegmentLabel(type, locale) {
-	if (type === "literal") return "";
-	return (SEGMENT_LABELS[locale.toLowerCase().split("-")[0] ?? "en"] ?? SEGMENT_LABELS.en)[type];
-}
-function normalizeDigit(input) {
-	if (/^[0-9]$/.test(input)) return input;
-	const code = input.codePointAt(0);
-	if (code === void 0) return null;
-	if (code >= 1632 && code <= 1641) return String(code - 1632);
-	if (code >= 1776 && code <= 1785) return String(code - 1776);
-	if (code >= 65296 && code <= 65305) return String(code - 65296);
-	return null;
-}
-function extractNormalizedDigits(input) {
-	const digits = [];
-	for (const char of input) {
-		const normalized = normalizeDigit(char);
-		if (normalized) digits.push(normalized);
-	}
-	return digits;
-}
 //#endregion
 //#region src/datepicker/createDatePicker.ts
 /**
 * createDatePicker hook for Solidaria
 *
-* Provides the behavior and accessibility implementation for a date picker component.
-* Based on @react-aria/datepicker useDatePicker
+* Provides the behavior and accessibility implementation for a date picker
+* component. Faithful port of @react-aria/datepicker `useDatePicker`.
+*
+* The composed picker does NOT re-implement the segmented field; it hands its
+* `fieldProps` (stamped `[roleSymbol]="presentation"`) to `createDateField`,
+* which is what actually names the segments and publishes the value description
+* through the shared `hookData` WeakMap. Here we only provide:
+*  - `groupProps`: a ROLELESS wrapper carrying the outer arrow-navigation
+*    (`createDatePickerGroup` with arrow-nav ENABLED — the inner presentation
+*    field disables its own and lets the key event bubble up to this handler).
+*  - `fieldProps`: the presentation marker + labelledby/describedby + value model.
+*  - `buttonProps` / `dialogProps` / `calendarProps` for the trigger + popover.
 */
 /**
 * Provides the behavior and accessibility implementation for a date picker component.
 */
-function createDatePicker(props, state, overlayState, _calendarState) {
+function createDatePicker(props, state, overlayState, _calendarState, ref = () => null) {
 	const locale = useLocale();
 	const getProps = () => access(props);
-	const id = createId(getProps().id);
-	const descriptionId = createId();
-	const errorMessageId = createId();
 	const dialogId = createId();
 	const buttonId = createId();
 	const fieldId = createId();
-	const { labelProps, fieldProps: labelFieldProps } = createLabel({
-		get label() {
-			return getProps().label;
-		},
-		get "aria-label"() {
-			return getProps()["aria-label"];
-		},
-		get "aria-labelledby"() {
-			return getProps()["aria-labelledby"];
-		},
-		labelElementType: "span"
-	});
-	const getAriaDescribedBy = () => {
+	const field = createField(() => {
 		const p = getProps();
-		const ids = [];
-		if (p["aria-describedby"]) ids.push(p["aria-describedby"]);
-		if (valueDescription()) ids.push(valueDescriptionId);
-		if (p.description) ids.push(descriptionId);
-		if ((p.isInvalid || state.isInvalid()) && p.errorMessage) ids.push(errorMessageId);
-		return ids.length > 0 ? ids.join(" ") : void 0;
-	};
-	const valueDescriptionId = createId();
-	const valueDescription = createMemo(() => {
-		const v = state.value?.();
-		if (!v) return "";
-		return new DateFormatter(locale().locale, {
-			year: "numeric",
-			month: "long",
-			day: "numeric"
-		}).format(v.toDate(getLocalTimeZone()));
-	});
-	const groupProps = createMemo(() => {
-		const p = getProps();
-		const isInvalid = p.isInvalid || state.isInvalid();
-		const describedBy = getAriaDescribedBy();
-		const labelField = labelFieldProps;
+		const dv = state.displayValidation();
 		return {
-			id,
-			role: "group",
-			"aria-label": labelField["aria-label"] || void 0,
-			"aria-labelledby": labelField["aria-labelledby"] || void 0,
-			"aria-disabled": p.isDisabled || state.isDisabled() || void 0,
-			"aria-readonly": p.isReadOnly || state.isReadOnly() || void 0,
-			"aria-required": p.isRequired || state.isRequired() || void 0,
-			"aria-invalid": isInvalid || void 0,
-			"aria-describedby": describedBy
+			id: p.id,
+			label: p.label,
+			"aria-label": p["aria-label"],
+			"aria-labelledby": p["aria-labelledby"],
+			"aria-describedby": p["aria-describedby"],
+			description: p.description,
+			labelElementType: "span",
+			isInvalid: p.isInvalid || dv.isInvalid,
+			errorMessage: p.errorMessage || dv.validationErrors
 		};
 	});
+	const labelledBy = () => {
+		const fp = field.fieldProps;
+		return fp["aria-labelledby"] || fp.id;
+	};
+	const stringFormatter = createStringFormatter(datePickerStrings, "@react-aria/datepicker");
+	const descProps = createDescription(createMemo(() => {
+		if (!state.value?.()) return "";
+		const date = state.formatValue({ month: "long" });
+		return date ? stringFormatter().format("selectedDateDescription", { date }) : "";
+	}));
+	const ariaDescribedBy = () => {
+		const fp = field.fieldProps;
+		return [descProps["aria-describedby"], fp["aria-describedby"]].filter(Boolean).join(" ") || void 0;
+	};
+	const outerGroup = createDatePickerGroup({ setOpen: (isOpen) => isOpen ? overlayState.open() : overlayState.close() }, ref, false);
+	const groupProps = createMemo(() => mergeProps$1(outerGroup(), {
+		role: "group",
+		"aria-disabled": getProps().isDisabled || void 0,
+		"aria-labelledby": labelledBy(),
+		"aria-describedby": ariaDescribedBy(),
+		onKeyDown(e) {
+			if (!overlayState.isOpen) getProps().onKeyDown?.(e);
+		},
+		onKeyUp(e) {
+			if (!overlayState.isOpen) getProps().onKeyUp?.(e);
+		}
+	}));
 	const fieldProps = createMemo(() => {
 		const p = getProps();
-		return {
+		return mergeProps$1(field.fieldProps, {
 			id: fieldId,
-			"aria-describedby": getAriaDescribedBy(),
+			[roleSymbol]: "presentation",
+			"aria-labelledby": labelledBy(),
+			"aria-describedby": ariaDescribedBy(),
 			value: state.value?.(),
 			defaultValue: state.defaultValue,
 			onChange: (value) => {
@@ -921,14 +1370,19 @@ function createDatePicker(props, state, overlayState, _calendarState) {
 			isDisabled: p.isDisabled || state.isDisabled(),
 			isReadOnly: p.isReadOnly || state.isReadOnly(),
 			isRequired: p.isRequired || state.isRequired(),
+			validationBehavior: p.validationBehavior,
 			autoFocus: p.autoFocus,
 			name: p.name,
 			form: p.form
-		};
+		});
 	});
+	const isButtonDisabled = () => {
+		const p = getProps();
+		return p.isDisabled || state.isDisabled() || p.isReadOnly || state.isReadOnly();
+	};
 	const buttonPress = createPress({
 		get isDisabled() {
-			return getProps().isDisabled || state.isDisabled();
+			return isButtonDisabled();
 		},
 		onPress: () => {
 			overlayState.open();
@@ -936,36 +1390,23 @@ function createDatePicker(props, state, overlayState, _calendarState) {
 	});
 	const buttonProps = createMemo(() => {
 		const p = getProps();
-		const isDisabled = p.isDisabled || state.isDisabled();
-		const defaults = getDatePickerLabelDefaults(locale().locale);
-		const labelId = labelProps["id"];
-		const labelledBy = labelId ? `${buttonId} ${labelId}` : buttonId;
-		const describedBy = getAriaDescribedBy();
-		return mergeProps(buttonPress.pressProps, {
+		return mergeProps$1(buttonPress.pressProps, {
 			id: buttonId,
 			type: "button",
-			"aria-label": p.buttonAriaLabel ?? defaults.button,
-			"aria-labelledby": labelledBy,
 			"aria-haspopup": "dialog",
+			"aria-label": p.buttonAriaLabel ?? stringFormatter().format("calendar"),
+			"aria-labelledby": `${buttonId} ${labelledBy()}`,
+			"aria-describedby": ariaDescribedBy(),
 			"aria-expanded": overlayState.isOpen,
-			"aria-controls": overlayState.isOpen ? dialogId : void 0,
-			"aria-describedby": describedBy,
-			"aria-disabled": isDisabled || void 0,
+			"aria-disabled": isButtonDisabled() || void 0,
 			tabIndex: 0
 		});
 	});
-	const dialogProps = createMemo(() => {
-		const p = getProps();
-		const defaults = getDatePickerLabelDefaults(locale().locale);
-		const labelId = labelProps["id"];
-		return {
-			id: dialogId,
-			role: "dialog",
-			"aria-modal": true,
-			"aria-labelledby": labelId ? `${buttonId} ${labelId}` : buttonId,
-			"aria-label": p.dialogAriaLabel ?? defaults.dialog
-		};
-	});
+	const dialogProps = createMemo(() => ({
+		id: dialogId,
+		role: "dialog",
+		"aria-labelledby": `${buttonId} ${labelledBy()}`
+	}));
 	const calendarProps = createMemo(() => {
 		const p = getProps();
 		const defaults = getDatePickerLabelDefaults(locale().locale);
@@ -989,33 +1430,17 @@ function createDatePicker(props, state, overlayState, _calendarState) {
 			"aria-label": p.calendarAriaLabel ?? p.dialogAriaLabel ?? defaults.calendar
 		};
 	});
-	const descriptionProps = createMemo(() => ({ id: descriptionId }));
-	createMemo(() => ({
-		id: valueDescriptionId,
-		"aria-hidden": true
-	}));
-	const errorMessageProps = createMemo(() => ({
-		id: errorMessageId,
-		role: "alert"
+	const labelFocusManager = createFocusManager(ref);
+	const enhancedLabelProps = createMemo(() => ({
+		...field.labelProps,
+		onClick: () => {
+			labelFocusManager.focusFirst();
+		}
 	}));
-	let focusFirstSegment;
-	let focusLastSegment;
-	const enhancedLabelProps = createMemo(() => {
-		return {
-			...labelProps,
-			onClick: () => {
-				focusFirstSegment?.();
-			}
-		};
-	});
 	const isInvalid = createMemo(() => {
 		return getProps().isInvalid || state.isInvalid();
 	});
-	const validationErrors = createMemo(() => {
-		const p = getProps();
-		if (p.isInvalid && typeof p.errorMessage === "string") return [p.errorMessage];
-		return [];
-	});
+	const validationErrors = createMemo(() => state.displayValidation().validationErrors);
 	const validationDetails = createMemo(() => {
 		const p = getProps();
 		return {
@@ -1038,6 +1463,8 @@ function createDatePicker(props, state, overlayState, _calendarState) {
 		get buttonProps() {
 			return buttonProps();
 		},
+		isButtonPressed: () => buttonPress.isPressed(),
+		isButtonDisabled: () => isButtonDisabled(),
 		get dialogProps() {
 			return dialogProps();
 		},
@@ -1045,10 +1472,10 @@ function createDatePicker(props, state, overlayState, _calendarState) {
 			return calendarProps();
 		},
 		get descriptionProps() {
-			return descriptionProps();
+			return field.descriptionProps;
 		},
 		get errorMessageProps() {
-			return errorMessageProps();
+			return field.errorMessageProps;
 		},
 		get isInvalid() {
 			return isInvalid();
@@ -1060,13 +1487,8 @@ function createDatePicker(props, state, overlayState, _calendarState) {
 			return validationDetails();
 		},
 		focusManager: {
-			focusFirst: () => focusFirstSegment?.(),
-			focusLast: () => focusLastSegment?.(),
-			/** @internal Wires the actual focus implementations from the component layer */
-			_register: (first, last) => {
-				focusFirstSegment = first;
-				focusLastSegment = last;
-			}
+			focusFirst: () => labelFocusManager.focusFirst(),
+			focusLast: () => labelFocusManager.focusLast()
 		}
 	};
 }
@@ -1083,264 +1505,168 @@ function getDatePickerLabelDefaults(locale) {
 	};
 }
 //#endregion
-//#region src/datepicker/createDatePickerGroup.ts
-/**
-* createDatePickerGroup hook for Solidaria
-*
-* Provides keyboard and pointer behavior for the date picker field group.
-* Based on @react-aria/datepicker useDatePickerGroup
-*/
-function createDatePickerGroup(props, state, ref, disableArrowNavigation) {
-	const locale = useLocale();
-	const resolvedProps = createMemo(() => access(props));
-	const onKeyDown = (e) => {
-		if (!nodeContains(e.currentTarget, getEventTarget(e))) return;
-		if (e.altKey && (e.key === "ArrowDown" || e.key === "ArrowUp")) {
-			e.preventDefault();
-			e.stopPropagation();
-			state.setOpen(true);
-			return;
-		}
-		if (disableArrowNavigation) return;
-		const root = ref();
-		if (!root) return;
-		const segments = Array.from(root.querySelectorAll("[role=\"spinbutton\"]"));
-		if (segments.length === 0) return;
-		const activeElement = root.ownerDocument.activeElement;
-		let currentIndex = -1;
-		if (activeElement) currentIndex = segments.indexOf(activeElement);
-		const direction = locale().direction;
-		switch (e.key) {
-			case "ArrowLeft":
-				e.preventDefault();
-				e.stopPropagation();
-				if (direction === "rtl") {
-					const nextIndex = currentIndex >= 0 ? currentIndex + 1 : 0;
-					if (nextIndex < segments.length) focusSafely(segments[nextIndex]);
-				} else {
-					const prevIndex = currentIndex >= 0 ? currentIndex - 1 : segments.length - 1;
-					if (prevIndex >= 0) focusSafely(segments[prevIndex]);
-				}
-				break;
-			case "ArrowRight":
-				e.preventDefault();
-				e.stopPropagation();
-				if (direction === "rtl") {
-					const prevIndex = currentIndex >= 0 ? currentIndex - 1 : segments.length - 1;
-					if (prevIndex >= 0) focusSafely(segments[prevIndex]);
-				} else {
-					const nextIndex = currentIndex >= 0 ? currentIndex + 1 : 0;
-					if (nextIndex < segments.length) focusSafely(segments[nextIndex]);
-				}
-				break;
-		}
-	};
-	const focusLast = (event) => {
-		const root = ref();
-		if (!root) return;
-		const target = event ? getEventTarget(event) : null;
-		const segments = Array.from(root.querySelectorAll("[role=\"spinbutton\"]"));
-		if (segments.length === 0) return;
-		let startIndex = segments.length - 1;
-		if (target) {
-			const targetIndex = segments.indexOf(target);
-			if (targetIndex >= 0) startIndex = targetIndex;
-		}
-		for (let i = startIndex; i >= 0; i--) {
-			const segment = segments[i];
-			if (segment.getAttribute("data-placeholder") !== "true") {
-				focusSafely(segment);
-				return;
-			}
-		}
-	};
-	const { pressProps } = createPress({
-		isDisabled: () => resolvedProps().isDisabled || state.isDisabled(),
-		preventFocusOnPress: true,
-		allowTextSelectionOnPress: true,
-		onPressStart(e) {
-			if (e.pointerType === "mouse") focusLast(e);
-		},
-		onPress(e) {
-			if (e.pointerType === "touch" || e.pointerType === "pen") focusLast(e);
-		}
-	});
-	return { get groupProps() {
-		return mergeProps(pressProps, { onKeyDown });
-	} };
-}
-//#endregion
 //#region src/datepicker/createDateRangePicker.ts
 /**
 * createDateRangePicker hook for Solidaria
 *
-* Provides behavior and accessibility wiring for range date pickers.
-* Compatibility target: @react-aria/datepicker useDateRangePicker.
+* Provides behavior and accessibility wiring for range date pickers. Faithful
+* port of @react-aria/datepicker `useDateRangePicker`.
+*
+* Mirrors the composed `createDatePicker`: the range picker does NOT re-implement
+* the two segmented fields. It hands each field its own field props (stamped
+* `[roleSymbol]="presentation"` + a SHARED `[focusManagerSymbol]` so arrow keys
+* and auto-advance walk across BOTH fields) to `createDateField`, which is what
+* names the segments ("month, Start Date" / "month, End Date") and publishes them
+* through the shared `hookData` WeakMap. Here we only provide:
+*  - `groupProps`: the labelled `role="group"` shell carrying the OUTER
+*    arrow-navigation (`createDatePickerGroup` with arrow-nav ENABLED — each inner
+*    presentation field disables its own and lets the key event bubble up here).
+*    The styled S2 layer overrides this to `role="presentation"`; the roleless
+*    root stays bare.
+*  - `startFieldProps` / `endFieldProps`: the presentation markers + shared focus
+*    manager + start/end labels, handed to `createDateField`.
+*  - `buttonProps` / `dialogProps` / `calendarProps` for the trigger + popover.
 */
-function createDateRangePicker(props, state, overlayState) {
-	const locale = useLocale();
+function createDateRangePicker(props, state, overlayState, ref = () => null) {
 	const getProps = () => access(props);
-	const id = createId(getProps().id);
+	const buttonId = createId();
+	const dialogId = createId();
 	const startFieldId = createId();
 	const endFieldId = createId();
-	const descriptionId = createId();
-	const errorMessageId = createId();
-	const dialogId = createId();
-	const { labelProps, fieldProps: labelFieldProps } = createLabel({
-		get label() {
-			return getProps().label;
-		},
-		get "aria-label"() {
-			return getProps()["aria-label"];
-		},
-		get "aria-labelledby"() {
-			return getProps()["aria-labelledby"];
-		},
-		labelElementType: "span"
-	});
-	const getAriaDescribedBy = () => {
-		const p = getProps();
-		const ids = [];
-		if (p["aria-describedby"]) ids.push(p["aria-describedby"]);
-		if (p.description) ids.push(descriptionId);
-		if (p.isInvalid && p.errorMessage) ids.push(errorMessageId);
-		return ids.length > 0 ? ids.join(" ") : void 0;
-	};
-	const groupProps = createMemo(() => {
-		const p = getProps();
-		const isInvalid = p.isInvalid;
-		return mergeProps(labelFieldProps, {
-			id,
-			role: "group",
-			"aria-disabled": p.isDisabled || state.isDisabled() || void 0,
-			"aria-readonly": p.isReadOnly || state.isReadOnly() || void 0,
-			"aria-required": p.isRequired || void 0,
-			"aria-invalid": isInvalid || void 0,
-			"aria-describedby": getAriaDescribedBy()
-		});
-	});
-	const startFieldProps = createMemo(() => {
+	const stringFormatter = createStringFormatter(datePickerStrings, "@react-aria/datepicker");
+	const locale = useLocale();
+	const field = createField(() => {
 		const p = getProps();
-		const defaults = getDateRangePickerLabelDefaults(locale().locale);
-		const isDisabled = p.isDisabled || state.isDisabled();
-		const isReadOnly = p.isReadOnly || state.isReadOnly();
-		const isInvalid = p.isInvalid;
 		return {
-			id: startFieldId,
-			"aria-label": p.startFieldAriaLabel ?? defaults.startField,
-			"aria-describedby": getAriaDescribedBy(),
-			"aria-disabled": isDisabled || void 0,
-			"aria-readonly": isReadOnly || void 0,
-			"aria-invalid": isInvalid || void 0,
-			tabIndex: isDisabled ? -1 : 0,
-			onClick: () => {
-				if (!isDisabled) overlayState.open();
-			},
-			onKeyDown: (event) => {
-				if (isDisabled) return;
-				if (event.key === "Enter" || event.key === " " || event.key === "ArrowDown") {
-					event.preventDefault();
-					overlayState.open();
-				}
-			}
+			id: p.id,
+			label: p.label,
+			"aria-label": p["aria-label"],
+			"aria-labelledby": p["aria-labelledby"],
+			"aria-describedby": p["aria-describedby"],
+			description: p.description,
+			labelElementType: "span",
+			isInvalid: p.isInvalid,
+			errorMessage: p.errorMessage
 		};
 	});
-	const endFieldProps = createMemo(() => {
+	const labelledBy = () => {
+		const fp = field.fieldProps;
+		return fp["aria-labelledby"] || fp.id;
+	};
+	const descProps = createDescription(createMemo(() => {
+		const range = state.formatValue(locale().locale, { month: "long" });
+		return range ? stringFormatter().format("selectedRangeDescription", {
+			startDate: range.start,
+			endDate: range.end
+		}) : "";
+	}));
+	const ariaDescribedBy = () => {
+		const fp = field.fieldProps;
+		return [descProps["aria-describedby"], fp["aria-describedby"]].filter(Boolean).join(" ") || void 0;
+	};
+	const sharedFocusManager = createFocusManager(ref);
+	const outerGroup = createDatePickerGroup({ setOpen: (isOpen) => isOpen ? overlayState.open() : overlayState.close() }, ref, false);
+	const groupProps = createMemo(() => mergeProps$1(outerGroup(), {
+		role: "group",
+		"aria-disabled": getProps().isDisabled || void 0,
+		"aria-labelledby": labelledBy(),
+		"aria-describedby": ariaDescribedBy(),
+		onKeyDown(e) {
+			if (!overlayState.isOpen) getProps().onKeyDown?.(e);
+		},
+		onKeyUp(e) {
+			if (!overlayState.isOpen) getProps().onKeyUp?.(e);
+		}
+	}));
+	const commonFieldProps = () => {
 		const p = getProps();
-		const defaults = getDateRangePickerLabelDefaults(locale().locale);
-		const isDisabled = p.isDisabled || state.isDisabled();
-		const isReadOnly = p.isReadOnly || state.isReadOnly();
-		const isInvalid = p.isInvalid;
 		return {
-			id: endFieldId,
-			"aria-label": p.endFieldAriaLabel ?? defaults.endField,
-			"aria-describedby": getAriaDescribedBy(),
-			"aria-disabled": isDisabled || void 0,
-			"aria-readonly": isReadOnly || void 0,
-			"aria-invalid": isInvalid || void 0,
-			tabIndex: isDisabled ? -1 : 0,
-			onClick: () => {
-				if (!isDisabled) overlayState.open();
-			},
-			onKeyDown: (event) => {
-				if (isDisabled) return;
-				if (event.key === "Enter" || event.key === " " || event.key === "ArrowDown") {
-					event.preventDefault();
-					overlayState.open();
-				}
-			}
+			[roleSymbol]: "presentation",
+			[focusManagerSymbol]: sharedFocusManager,
+			"aria-labelledby": labelledBy(),
+			"aria-describedby": ariaDescribedBy(),
+			isDisabled: p.isDisabled || state.isDisabled(),
+			isReadOnly: p.isReadOnly || state.isReadOnly(),
+			isRequired: p.isRequired,
+			validationBehavior: p.validationBehavior,
+			form: p.form
 		};
-	});
-	const startInputProps = createMemo(() => {
+	};
+	const startFieldProps = createMemo(() => {
 		const p = getProps();
-		const defaults = getDateRangePickerLabelDefaults(locale().locale);
-		const isDisabled = p.isDisabled || state.isDisabled();
-		const isReadOnly = p.isReadOnly || state.isReadOnly();
-		const isInvalid = p.isInvalid;
-		return {
+		return mergeProps$1(commonFieldProps(), {
 			id: startFieldId,
-			"aria-label": p.startFieldAriaLabel ?? defaults.startField,
-			"aria-describedby": getAriaDescribedBy(),
-			"aria-disabled": isDisabled || void 0,
-			"aria-readonly": isReadOnly || void 0,
-			"aria-invalid": isInvalid || void 0
-		};
+			"aria-label": stringFormatter().format("startDate"),
+			autoFocus: p.autoFocus,
+			name: p.startName
+		});
 	});
-	const endInputProps = createMemo(() => {
+	const endFieldProps = createMemo(() => {
 		const p = getProps();
-		const defaults = getDateRangePickerLabelDefaults(locale().locale);
-		const isDisabled = p.isDisabled || state.isDisabled();
-		const isReadOnly = p.isReadOnly || state.isReadOnly();
-		const isInvalid = p.isInvalid;
-		return {
+		return mergeProps$1(commonFieldProps(), {
 			id: endFieldId,
-			"aria-label": p.endFieldAriaLabel ?? defaults.endField,
-			"aria-describedby": getAriaDescribedBy(),
-			"aria-disabled": isDisabled || void 0,
-			"aria-readonly": isReadOnly || void 0,
-			"aria-invalid": isInvalid || void 0
-		};
+			"aria-label": stringFormatter().format("endDate"),
+			name: p.endName
+		});
+	});
+	const isButtonDisabled = () => {
+		const p = getProps();
+		return p.isDisabled || state.isDisabled() || p.isReadOnly || state.isReadOnly();
+	};
+	const buttonPress = createPress({
+		get isDisabled() {
+			return isButtonDisabled();
+		},
+		onPress: () => {
+			overlayState.open();
+		}
 	});
 	const buttonProps = createMemo(() => {
 		const p = getProps();
-		const defaults = getDateRangePickerLabelDefaults(locale().locale);
-		const isDisabled = p.isDisabled || state.isDisabled();
-		return {
-			"aria-label": p.buttonAriaLabel ?? defaults.button,
+		return mergeProps$1(buttonPress.pressProps, {
+			id: buttonId,
+			type: "button",
 			"aria-haspopup": "dialog",
+			"aria-label": p.buttonAriaLabel ?? stringFormatter().format("calendar"),
+			"aria-labelledby": `${buttonId} ${labelledBy()}`,
+			"aria-describedby": ariaDescribedBy(),
 			"aria-expanded": overlayState.isOpen,
-			"aria-controls": overlayState.isOpen ? dialogId : void 0,
-			disabled: isDisabled,
-			tabIndex: 0,
-			onClick: () => {
-				if (!isDisabled) overlayState.toggle();
-			}
-		};
+			"aria-disabled": isButtonDisabled() || void 0,
+			tabIndex: 0
+		});
 	});
-	const dialogProps = createMemo(() => {
-		const defaults = getDateRangePickerLabelDefaults(locale().locale);
+	const dialogProps = createMemo(() => ({
+		id: dialogId,
+		role: "dialog",
+		"aria-labelledby": `${buttonId} ${labelledBy()}`
+	}));
+	const calendarProps = createMemo(() => {
+		const p = getProps();
+		const label = p.calendarAriaLabel ?? p.dialogAriaLabel;
 		return {
-			id: dialogId,
-			role: "dialog",
-			"aria-modal": true,
-			"aria-label": getProps().dialogAriaLabel ?? defaults.dialog
+			autoFocus: true,
+			value: state.value(),
+			minValue: void 0,
+			maxValue: void 0,
+			isDisabled: p.isDisabled || state.isDisabled(),
+			isReadOnly: p.isReadOnly || state.isReadOnly(),
+			isInvalid: p.isInvalid,
+			...label ? { "aria-label": label } : {}
 		};
 	});
-	const calendarProps = createMemo(() => {
-		const defaults = getDateRangePickerLabelDefaults(locale().locale);
-		return { "aria-label": getProps().calendarAriaLabel ?? getProps().dialogAriaLabel ?? defaults.calendar };
-	});
-	const descriptionProps = createMemo(() => ({ id: descriptionId }));
-	const errorMessageProps = createMemo(() => ({
-		id: errorMessageId,
-		role: "alert"
+	const enhancedLabelProps = createMemo(() => ({
+		...field.labelProps,
+		onClick: () => {
+			sharedFocusManager.focusFirst();
+		}
 	}));
+	const isInvalid = createMemo(() => Boolean(getProps().isInvalid));
 	return {
 		get groupProps() {
 			return groupProps();
 		},
 		get labelProps() {
-			return labelProps;
+			return enhancedLabelProps();
 		},
 		get startFieldProps() {
 			return startFieldProps();
@@ -1348,15 +1674,11 @@ function createDateRangePicker(props, state, overlayState) {
 		get endFieldProps() {
 			return endFieldProps();
 		},
-		get startInputProps() {
-			return startInputProps();
-		},
-		get endInputProps() {
-			return endInputProps();
-		},
 		get buttonProps() {
 			return buttonProps();
 		},
+		isButtonPressed: () => buttonPress.isPressed(),
+		isButtonDisabled: () => isButtonDisabled(),
 		get dialogProps() {
 			return dialogProps();
 		},
@@ -1364,30 +1686,21 @@ function createDateRangePicker(props, state, overlayState) {
 			return calendarProps();
 		},
 		get descriptionProps() {
-			return descriptionProps();
+			return field.descriptionProps;
 		},
 		get errorMessageProps() {
-			return errorMessageProps();
+			return field.errorMessageProps;
+		},
+		get isInvalid() {
+			return isInvalid();
+		},
+		focusManager: {
+			focusFirst: () => sharedFocusManager.focusFirst(),
+			focusLast: () => sharedFocusManager.focusLast()
 		}
 	};
 }
-function getDateRangePickerLabelDefaults(locale) {
-	if ((locale.toLowerCase().split("-")[0] ?? "en") === "es") return {
-		button: "Abrir calendario de rango",
-		dialog: "Calendario de rango",
-		calendar: "Calendario de rango",
-		startField: "Fecha de inicio",
-		endField: "Fecha de fin"
-	};
-	return {
-		button: "Open range calendar",
-		dialog: "Range calendar",
-		calendar: "Range calendar",
-		startField: "Start date",
-		endField: "End date"
-	};
-}
 //#endregion
-export { createTimeField as a, createTimeSegment as i, createDatePickerGroup as n, createDateSegment as o, createDatePicker as r, createDateField as s, createDateRangePicker as t };
+export { createDisplayNames as a, hookData as c, createDateSegment as i, roleSymbol as l, createDatePicker as n, createDateField as o, createTimeField as r, focusManagerSymbol as s, createDateRangePicker as t, createDatePickerGroup as u };
 
 //# sourceMappingURL=datepicker.jsx.map