@proyecto-viviana/solidaria-components 0.4.0 → 0.5.0

package/dist/DateField2.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateField2.js","names":["JSX","createEffect","createSignal","DateValue","FormValidationState","createFormValidation","MaybeAccessor","T","HiddenDateInputProps","name","form","value","autoComplete","isDisabled","isRequired","validationBehavior","validationState","focus","minValue","maxValue","granularity","accessValue","formatDateValue","String","dateValue","year","padStart","month","day","hasHour","hour","hasMinute","minute","second","HiddenDateInput","props","Element","hasValidationBehavior","usesNativeValidation","hasTimeZoneValue","Boolean","inputType","formattedValue","formattedMin","formattedMax","inputRef","setInputRef","HTMLInputElement","val","input","_el$","_$getNextElement","_tmpl$","_$addEventListener","undefined","_$use","el","_$effect","_p$","_v$","_v$2","_v$3","_v$4","_v$5","_v$6","_v$7","_v$8","_v$9","_v$0","position","width","height","padding","margin","overflow","clip","CSSProperties","e","_$setAttribute","t","a","o","i","_$setProperty","n","s","h","r","d","_$style","createContext","useContext","createDateRangePicker","DateFieldState","DateValue","RangeCalendarState","DateRangePickerFieldContextValue","state","aria","labelProps","Record","inputProps","descriptionProps","errorMessageProps","DateRangePickerContextValue","calendarState","startFieldState","endFieldState","startFieldContext","endFieldContext","overlayState","isOpen","open","close","toggle","triggerRef","HTMLElement","setTriggerRef","element","pickerAria","ReturnType","DateRangePickerContext","useDateRangePickerContext","context","Error","JSX","Context","createContext","createEffect","createMemo","createSignal","onCleanup","splitProps","useContext","For","Show","createDateField","createDateSegment","AriaDateFieldProps","createDateFieldState","access","DateFieldState","DateFieldStateProps","DateSegment","DateSegmentType","CalendarDate","DateValue","RenderChildren","ClassNameOrFunction","StyleOrFunction","SlotProps","useRenderProps","dataAttr","useIsHydrated","Provider","TextContext","HiddenDateInput","FormContext","FormProps","DateRangePickerContext","DateRangePickerFieldContextValue","DateFieldRenderProps","isDisabled","isReadOnly","isRequired","isInvalid","DateFieldProps","Omit","T","children","Element","segment","class","style","locale","DateInputRenderProps","isFocused","DateInputProps","onPointerDownCapture","EventHandler","HTMLDivElement","PointerEvent","DateSegmentRenderProps","isEditable","isPlaceholder","type","text","DateSegmentProps","DateFieldContextValue","state","aria","labelProps","Record","inputProps","descriptionProps","errorMessageProps","DateFieldContext","DateFieldStateContext","withFormValidationBehavior","props","P","formContext","validationBehavior","Proxy","get","target","property","receiver","localValue","Reflect","undefined","has","ownKeys","keys","Set","add","Array","from","getOwnPropertyDescriptor","descriptor","enumerable","configurable","useDateFieldContext","context","Error","useDateInputContext","slot","dateFieldContext","dateRangePickerContext","startFieldContext","endFieldContext","DateField","isHydrated","_$createComponent","when","fallback","_$getNextElement","_tmpl$","DateFieldInner","_$mergeProps","__formContext","DateFieldInnerProps","mergedProps","local","stateProps","rest","fieldRef","setFieldRef","fieldAria","description","errorMessage","renderValues","renderProps","defaultClassName","textSlots","slots","value","_el$2","_tmpl$2","_$use","_$spread","fieldProps","data-disabled","data-readonly","data-required","data-invalid","_$insert","values","_$runHydrationEvents","name","form","autoComplete","validationState","focus","querySelector","HTMLElement","minValue","maxValue","granularity","DateInput","setIsFocused","inputRef","setInputRef","element","handler","listener","event","addEventListener","capture","removeEventListener","_el$3","data-focused","onFocusIn","onFocusOut","each","segments","segmentRef","setSegmentRef","segmentAria","getChildren","renderChildren","_el$4","_tmpl$3","segmentProps","data-editable","data-placeholder","data-type","DateFieldLabelProps","DateFieldLabel","_el$5","DateFieldDescriptionProps","DateFieldDescription","_el$6","_tmpl$4","DateFieldErrorMessageProps","DateFieldErrorMessage","_el$7"],"sources":["../src/HiddenDateInput.tsx","../src/DateRangePickerContext.tsx","../src/DateField.tsx"],"sourcesContent":["/**\n * HiddenDateInput component for solidaria-components\n *\n * A hidden native date/datetime-local input for form submission.\n * Renders server-side with the initial value for SSR safety.\n */\nimport { type JSX, createEffect, createSignal } from \"solid-js\";\nimport { type DateValue, type FormValidationState } from \"@proyecto-viviana/solid-stately\";\nimport { createFormValidation } from \"@proyecto-viviana/solidaria\";\n\ntype MaybeAccessor<T> = T | (() => T);\n\nexport interface HiddenDateInputProps {\n  name?: string;\n  form?: string;\n  value?: MaybeAccessor<DateValue | null | undefined>;\n  autoComplete?: string;\n  isDisabled?: boolean;\n  isRequired?: boolean;\n  validationBehavior?: \"aria\" | \"native\";\n  validationState?: FormValidationState;\n  focus?: () => void;\n  minValue?: MaybeAccessor<DateValue | undefined>;\n  maxValue?: MaybeAccessor<DateValue | undefined>;\n  granularity?: \"day\" | \"hour\" | \"minute\" | \"second\";\n}\n\nfunction accessValue<T>(value: MaybeAccessor<T> | undefined): T | undefined {\n  return typeof value === \"function\" ? (value as () => T)() : value;\n}\n\nfunction formatDateValue(\n  value: DateValue | undefined | null,\n  granularity: \"day\" | \"hour\" | \"minute\" | \"second\",\n): string {\n  if (!value) return \"\";\n\n  if (\"timeZone\" in value) {\n    return String(value);\n  }\n\n  const dateValue = value;\n\n  const year = String(dateValue.year).padStart(4, \"0\");\n  const month = String(dateValue.month).padStart(2, \"0\");\n  const day = String(dateValue.day).padStart(2, \"0\");\n\n  if (granularity === \"day\") {\n    return `${year}-${month}-${day}`;\n  }\n\n  const hasHour = \"hour\" in dateValue;\n  const hour = hasHour ? String((dateValue as { hour: number }).hour).padStart(2, \"0\") : \"00\";\n  const hasMinute = hasHour && \"minute\" in dateValue;\n  const minute = hasMinute\n    ? String((dateValue as { minute: number }).minute).padStart(2, \"0\")\n    : \"00\";\n\n  if (granularity === \"second\" && hasMinute && \"second\" in dateValue) {\n    const second = String((dateValue as { second: number }).second).padStart(2, \"0\");\n    return `${year}-${month}-${day}T${hour}:${minute}:${second}`;\n  }\n\n  return `${year}-${month}-${day}T${hour}:${minute}`;\n}\n\nexport function HiddenDateInput(props: HiddenDateInputProps): JSX.Element {\n  const granularity = () => props.granularity ?? \"day\";\n  const hasValidationBehavior = () => props.validationBehavior != null;\n  const validationBehavior = () => props.validationBehavior;\n  const usesNativeValidation = () => validationBehavior() === \"native\";\n  const value = () => accessValue(props.value);\n  const minValue = () => accessValue(props.minValue);\n  const maxValue = () => accessValue(props.maxValue);\n  const hasTimeZoneValue = () =>\n    Boolean(\n      (value() && \"timeZone\" in value()!) ||\n      (minValue() && \"timeZone\" in minValue()!) ||\n      (maxValue() && \"timeZone\" in maxValue()!),\n    );\n  const inputType = () =>\n    usesNativeValidation()\n      ? \"text\"\n      : hasValidationBehavior()\n        ? \"hidden\"\n        : hasTimeZoneValue()\n          ? \"hidden\"\n          : granularity() === \"day\"\n            ? \"date\"\n            : \"datetime-local\";\n  const formattedValue = () => formatDateValue(value(), granularity());\n  const formattedMin = () => formatDateValue(minValue(), granularity());\n  const formattedMax = () => formatDateValue(maxValue(), granularity());\n\n  const [inputRef, setInputRef] = createSignal<HTMLInputElement>();\n\n  if (props.validationState) {\n    createFormValidation(\n      {\n        get validationBehavior() {\n          return validationBehavior();\n        },\n        get focus() {\n          return props.focus;\n        },\n      },\n      props.validationState,\n      inputRef,\n    );\n  }\n\n  createEffect(() => {\n    const val = formattedValue();\n    const input = inputRef();\n    if (input && input.value !== val) {\n      input.value = val;\n    }\n  });\n\n  return (\n    <input\n      ref={(el) => {\n        setInputRef(el);\n      }}\n      type={inputType()}\n      name={props.name}\n      form={props.form}\n      value={formattedValue()}\n      autocomplete={props.autoComplete}\n      disabled={props.isDisabled}\n      required={usesNativeValidation() && props.isRequired ? true : undefined}\n      hidden={usesNativeValidation() || undefined}\n      min={hasValidationBehavior() ? undefined : formattedMin() || undefined}\n      max={hasValidationBehavior() ? undefined : formattedMax() || undefined}\n      onChange={usesNativeValidation() ? () => {} : undefined}\n      tabIndex={-1}\n      aria-hidden=\"true\"\n      style={\n        {\n          position: \"absolute\",\n          width: \"1px\",\n          height: \"1px\",\n          padding: \"0\",\n          margin: \"-1px\",\n          overflow: \"hidden\",\n          clip: \"rect(0, 0, 0, 0)\",\n          \"white-space\": \"nowrap\",\n          \"border-width\": \"0\",\n        } as JSX.CSSProperties\n      }\n    />\n  );\n}\n","import { createContext, useContext } from \"solid-js\";\nimport { type createDateRangePicker } from \"@proyecto-viviana/solidaria\";\nimport {\n  type DateFieldState,\n  type DateValue,\n  type RangeCalendarState,\n} from \"@proyecto-viviana/solid-stately\";\n\nexport interface DateRangePickerFieldContextValue {\n  state: DateFieldState<DateValue>;\n  aria: {\n    labelProps: Record<string, unknown>;\n    inputProps: Record<string, unknown>;\n    descriptionProps: Record<string, unknown>;\n    errorMessageProps: Record<string, unknown>;\n  };\n}\n\nexport interface DateRangePickerContextValue {\n  calendarState: RangeCalendarState<DateValue>;\n  startFieldState: DateFieldState<DateValue>;\n  endFieldState: DateFieldState<DateValue>;\n  startFieldContext: DateRangePickerFieldContextValue;\n  endFieldContext: DateRangePickerFieldContextValue;\n  overlayState: {\n    isOpen: boolean;\n    open: () => void;\n    close: () => void;\n    toggle: () => void;\n  };\n  triggerRef: () => HTMLElement | null;\n  setTriggerRef: (element: HTMLElement | null) => void;\n  pickerAria: ReturnType<typeof createDateRangePicker>;\n}\n\nexport const DateRangePickerContext = createContext<DateRangePickerContextValue | null>(null);\n\nexport function useDateRangePickerContext(): DateRangePickerContextValue {\n  const context = useContext(DateRangePickerContext);\n  if (!context) {\n    throw new Error(\"DateRangePicker components must be used within a DateRangePicker\");\n  }\n  return context;\n}\n","/**\n * DateField component for solidaria-components\n *\n * Pre-wired headless date field component with segment-based editing.\n * Port of react-aria-components/src/DateField.tsx\n */\n\nimport {\n  type JSX,\n  type Context,\n  createContext,\n  createEffect,\n  createMemo,\n  createSignal,\n  onCleanup,\n  splitProps,\n  useContext,\n  For,\n  Show,\n} from \"solid-js\";\nimport {\n  createDateField,\n  createDateSegment,\n  type AriaDateFieldProps,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  createDateFieldState,\n  access,\n  type DateFieldState,\n  type DateFieldStateProps,\n  type DateSegment as DateSegmentType,\n  type CalendarDate,\n  type DateValue,\n} from \"@proyecto-viviana/solid-stately\";\nimport {\n  type RenderChildren,\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  useRenderProps,\n  dataAttr,\n  useIsHydrated,\n  Provider,\n} from \"./utils\";\nimport { TextContext } from \"./Text\";\nimport { HiddenDateInput } from \"./HiddenDateInput\";\nimport { FormContext, type FormProps } from \"./Form\";\nimport {\n  DateRangePickerContext,\n  type DateRangePickerFieldContextValue,\n} from \"./DateRangePickerContext\";\n\nexport interface DateFieldRenderProps {\n  /** Whether the field is disabled. */\n  isDisabled: boolean;\n  /** Whether the field is read-only. */\n  isReadOnly: boolean;\n  /** Whether the field is required. */\n  isRequired: boolean;\n  /** Whether the field is invalid. */\n  isInvalid: boolean;\n}\n\nexport interface DateFieldProps<T extends DateValue = DateValue>\n  extends\n    Omit<AriaDateFieldProps, \"id\" | \"isDisabled\" | \"isReadOnly\" | \"isRequired\">,\n    Omit<DateFieldStateProps<T>, \"locale\">,\n    SlotProps {\n  /** The children of the component. */\n  children?: JSX.Element | ((segment: DateSegmentType) => JSX.Element);\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<DateFieldRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<DateFieldRenderProps>;\n  /** The locale to use for formatting. */\n  locale?: string;\n}\n\nexport interface DateInputRenderProps {\n  /** Whether the input is disabled. */\n  isDisabled: boolean;\n  /** Whether the input is focused. */\n  isFocused: boolean;\n}\n\nexport interface DateInputProps extends SlotProps {\n  /** The children of the component (render function receiving segments). */\n  children?: (segment: DateSegmentType) => JSX.Element;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<DateInputRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<DateInputRenderProps>;\n  /** Handler called during the pointer down capture phase. */\n  onPointerDownCapture?: JSX.EventHandler<HTMLDivElement, PointerEvent>;\n}\n\nexport interface DateSegmentRenderProps {\n  /** Whether the segment is focused. */\n  isFocused: boolean;\n  /** Whether the segment is editable. */\n  isEditable: boolean;\n  /** Whether the segment is a placeholder. */\n  isPlaceholder: boolean;\n  /** The segment type. */\n  type: DateSegmentType[\"type\"];\n  /** The text to display. */\n  text: string;\n}\n\nexport interface DateSegmentProps extends SlotProps {\n  /** The segment data. */\n  segment: DateSegmentType;\n  /** The children of the component. A function may be provided to receive render props. */\n  children?: RenderChildren<DateSegmentRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<DateSegmentRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<DateSegmentRenderProps>;\n}\n\nexport interface DateFieldContextValue {\n  state: DateFieldState<DateValue>;\n  aria: {\n    labelProps: Record<string, unknown>;\n    inputProps: Record<string, unknown>;\n    descriptionProps: Record<string, unknown>;\n    errorMessageProps: Record<string, unknown>;\n  };\n}\n\nexport const DateFieldContext = createContext<DateFieldContextValue | null>(null);\nexport const DateFieldStateContext = createContext<DateFieldState<DateValue> | null>(null);\n\nfunction withFormValidationBehavior<P extends object>(props: P, formContext: FormProps | null): P {\n  if (!formContext?.validationBehavior) {\n    return props;\n  }\n\n  return new Proxy(props, {\n    get(target, property, receiver) {\n      const localValue = Reflect.get(target, property, receiver);\n      if (property === \"validationBehavior\" && localValue === undefined) {\n        return formContext.validationBehavior;\n      }\n\n      return localValue;\n    },\n    has(target, property) {\n      return (\n        Reflect.has(target, property) ||\n        (property === \"validationBehavior\" && formContext.validationBehavior !== undefined)\n      );\n    },\n    ownKeys(target) {\n      const keys = new Set(Reflect.ownKeys(target));\n      if (formContext.validationBehavior !== undefined) {\n        keys.add(\"validationBehavior\");\n      }\n\n      return Array.from(keys);\n    },\n    getOwnPropertyDescriptor(target, property) {\n      const descriptor = Reflect.getOwnPropertyDescriptor(target, property);\n      if (descriptor) {\n        return descriptor;\n      }\n\n      if (property === \"validationBehavior\" && formContext.validationBehavior !== undefined) {\n        return {\n          enumerable: true,\n          configurable: true,\n          get: () => formContext.validationBehavior,\n        };\n      }\n\n      return undefined;\n    },\n  });\n}\n\nexport function useDateFieldContext(): DateFieldContextValue {\n  const context = useContext(DateFieldContext);\n  if (!context) {\n    throw new Error(\"DateField components must be used within a DateField\");\n  }\n  return context;\n}\n\nfunction useDateInputContext(\n  slot?: string,\n): DateFieldContextValue | DateRangePickerFieldContextValue {\n  const dateFieldContext = useContext(DateFieldContext);\n  if (dateFieldContext) {\n    return dateFieldContext;\n  }\n\n  const dateRangePickerContext = useContext(DateRangePickerContext);\n  if (dateRangePickerContext && slot === \"start\") {\n    return dateRangePickerContext.startFieldContext;\n  }\n  if (dateRangePickerContext && slot === \"end\") {\n    return dateRangePickerContext.endFieldContext;\n  }\n\n  throw new Error(\"DateInput components must be used within a DateField or DateRangePicker slot\");\n}\n\n/**\n * A date field allows users to enter and edit date values using a keyboard.\n *\n * @example\n * ```tsx\n * <DateField label=\"Date\">\n *   <Label>Date</Label>\n *   <DateInput>\n *     {(segment) => <DateSegment segment={segment} />}\n *   </DateInput>\n * </DateField>\n * ```\n */\nexport function DateField<T extends DateValue = CalendarDate>(\n  props: DateFieldProps<T>,\n): JSX.Element {\n  // Use hydration-safe pattern for client-only rendering\n  const isHydrated = useIsHydrated();\n  const formContext = useContext(FormContext);\n\n  return (\n    <Show\n      when={isHydrated()}\n      fallback={\n        <div class=\"solidaria-DateField solidaria-DateField--placeholder\" aria-hidden=\"true\" />\n      }\n    >\n      <DateFieldInner {...props} __formContext={formContext} />\n    </Show>\n  );\n}\n\ntype DateFieldInnerProps<T extends DateValue = DateValue> = DateFieldProps<T> & {\n  __formContext?: FormProps | null;\n};\n\n/**\n * Internal DateField component that renders after client mount.\n */\nfunction DateFieldInner<T extends DateValue = CalendarDate>(\n  props: DateFieldInnerProps<T>,\n): JSX.Element {\n  const formContext = props.__formContext ?? useContext(FormContext);\n  const mergedProps = withFormValidationBehavior(props, formContext);\n  const [local, stateProps, rest] = splitProps(\n    mergedProps,\n    [\"children\", \"class\", \"style\", \"slot\", \"__formContext\"],\n    [\n      \"value\",\n      \"defaultValue\",\n      \"onChange\",\n      \"minValue\",\n      \"maxValue\",\n      \"isInvalid\",\n      \"isDisabled\",\n      \"isReadOnly\",\n      \"isRequired\",\n      \"locale\",\n      \"granularity\",\n      \"hourCycle\",\n      \"hideTimeZone\",\n      \"placeholderValue\",\n      \"shouldForceLeadingZeros\",\n      \"validationState\",\n      \"validationBehavior\",\n      \"validate\",\n      \"description\",\n      \"errorMessage\",\n      \"isDateUnavailable\",\n    ],\n  );\n\n  const [fieldRef, setFieldRef] = createSignal<HTMLDivElement | null>(null);\n\n  const state = createDateFieldState(stateProps);\n\n  const fieldAria = createDateField(\n    () => ({\n      ...(rest as Record<string, unknown>),\n      description: stateProps.description,\n      errorMessage: stateProps.errorMessage,\n    }),\n    state as unknown as DateFieldState<DateValue>,\n    fieldRef,\n  );\n\n  const renderValues = createMemo<DateFieldRenderProps>(() => ({\n    isDisabled: state.isDisabled(),\n    isReadOnly: state.isReadOnly(),\n    isRequired: state.isRequired(),\n    isInvalid: state.isInvalid(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-DateField\",\n    },\n    renderValues,\n  );\n\n  const validationBehavior = () =>\n    (stateProps as { validationBehavior?: \"aria\" | \"native\" }).validationBehavior ??\n    formContext?.validationBehavior ??\n    \"native\";\n\n  const textSlots = {\n    slots: {\n      get description() {\n        return fieldAria.descriptionProps;\n      },\n      get errorMessage() {\n        return fieldAria.errorMessageProps;\n      },\n    },\n  };\n\n  return (\n    <DateFieldStateContext.Provider value={state as unknown as DateFieldState<DateValue>}>\n      <DateFieldContext.Provider\n        value={{\n          state: state as unknown as DateFieldState<DateValue>,\n          aria: {\n            labelProps: fieldAria.labelProps,\n            inputProps: fieldAria.inputProps,\n            descriptionProps: fieldAria.descriptionProps,\n            errorMessageProps: fieldAria.errorMessageProps,\n          },\n        }}\n      >\n        <div\n          ref={setFieldRef}\n          {...fieldAria.fieldProps}\n          class={renderProps.class()}\n          style={renderProps.style()}\n          data-disabled={dataAttr(state.isDisabled())}\n          data-readonly={dataAttr(state.isReadOnly())}\n          data-required={dataAttr(state.isRequired())}\n          data-invalid={dataAttr(state.isInvalid())}\n        >\n          <Provider values={[[TextContext, textSlots]] as Array<[Context<unknown>, unknown]>}>\n            {local.children as JSX.Element}\n          </Provider>\n        </div>\n        <Show when={(rest as Record<string, unknown>).name}>\n          <HiddenDateInput\n            name={(rest as Record<string, unknown>).name as string | undefined}\n            form={(rest as Record<string, unknown>).form as string | undefined}\n            value={state.value()}\n            autoComplete={(rest as Record<string, unknown>).autoComplete as string | undefined}\n            isDisabled={state.isDisabled()}\n            isRequired={state.isRequired()}\n            validationBehavior={validationBehavior()}\n            validationState={state}\n            focus={() => {\n              fieldRef()?.querySelector<HTMLElement>('[role=\"spinbutton\"]')?.focus();\n            }}\n            minValue={access(stateProps.minValue) as DateValue | undefined}\n            maxValue={access(stateProps.maxValue) as DateValue | undefined}\n            granularity={state.granularity}\n          />\n        </Show>\n      </DateFieldContext.Provider>\n    </DateFieldStateContext.Provider>\n  );\n}\n\n/**\n * The input area containing date segments.\n */\nexport function DateInput(props: DateInputProps): JSX.Element {\n  const context = useDateInputContext(props.slot);\n  const { state, aria } = context;\n  const [isFocused, setIsFocused] = createSignal(false);\n  const [inputRef, setInputRef] = createSignal<HTMLDivElement | null>(null);\n\n  const renderValues = createMemo<DateInputRenderProps>(() => ({\n    isDisabled: state.isDisabled(),\n    isFocused: isFocused(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      class: props.class,\n      style: props.style,\n      defaultClassName: \"solidaria-DateInput\",\n    },\n    renderValues,\n  );\n\n  createEffect(() => {\n    const element = inputRef();\n    const handler = props.onPointerDownCapture;\n    if (!element || !handler) return;\n\n    const listener = (event: PointerEvent) =>\n      (handler as unknown as (event: PointerEvent) => void)(event);\n    element.addEventListener(\"pointerdown\", listener, { capture: true });\n    onCleanup(() => element.removeEventListener(\"pointerdown\", listener, { capture: true }));\n  });\n\n  return (\n    <DateFieldContext.Provider value={context as DateFieldContextValue}>\n      <div\n        ref={setInputRef}\n        {...aria.inputProps}\n        class={renderProps.class()}\n        style={renderProps.style()}\n        data-disabled={dataAttr(state.isDisabled())}\n        data-focused={dataAttr(isFocused())}\n        onFocusIn={() => setIsFocused(true)}\n        onFocusOut={() => setIsFocused(false)}\n      >\n        <For each={state.segments()}>{(segment) => props.children?.(segment)}</For>\n      </div>\n    </DateFieldContext.Provider>\n  );\n}\n\n/**\n * A segment of a date field (year, month, day, etc.).\n */\nexport function DateSegment(props: DateSegmentProps): JSX.Element {\n  const { state } = useDateFieldContext();\n  const [segmentRef, setSegmentRef] = createSignal<HTMLElement | null>(null);\n\n  const segmentAria = createDateSegment({ segment: props.segment }, state, segmentRef);\n\n  const renderValues = createMemo<DateSegmentRenderProps>(() => ({\n    isFocused: segmentAria.isFocused,\n    isEditable: segmentAria.isEditable,\n    isPlaceholder: segmentAria.isPlaceholder,\n    type: props.segment.type,\n    text: segmentAria.text,\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children;\n      },\n      class: props.class,\n      style: props.style,\n      defaultClassName: \"solidaria-DateSegment\",\n    },\n    renderValues,\n  );\n\n  // Determine children content - avoid Show for SSR hydration compatibility\n  const getChildren = () => {\n    if (typeof props.children === \"function\") {\n      return renderProps.renderChildren();\n    }\n    return segmentAria.text;\n  };\n\n  return (\n    <span\n      ref={setSegmentRef}\n      {...segmentAria.segmentProps}\n      class={renderProps.class()}\n      style={renderProps.style()}\n      data-focused={dataAttr(segmentAria.isFocused)}\n      data-editable={dataAttr(segmentAria.isEditable)}\n      data-placeholder={dataAttr(segmentAria.isPlaceholder)}\n      data-type={props.segment.type}\n    >\n      {getChildren()}\n    </span>\n  );\n}\n\nexport interface DateFieldLabelProps {\n  children?: JSX.Element;\n  class?: string;\n}\n\nexport function DateFieldLabel(props: DateFieldLabelProps): JSX.Element {\n  const { aria } = useDateFieldContext();\n  return (\n    <span {...aria.labelProps} class={props.class}>\n      {props.children}\n    </span>\n  );\n}\n\nexport interface DateFieldDescriptionProps {\n  children?: JSX.Element;\n  class?: string;\n}\n\nexport function DateFieldDescription(props: DateFieldDescriptionProps): JSX.Element {\n  const { aria } = useDateFieldContext();\n  return (\n    <p {...aria.descriptionProps} class={props.class}>\n      {props.children}\n    </p>\n  );\n}\n\nexport interface DateFieldErrorMessageProps {\n  children?: JSX.Element;\n  class?: string;\n}\n\nexport function DateFieldErrorMessage(props: DateFieldErrorMessageProps): JSX.Element {\n  const { aria } = useDateFieldContext();\n  return (\n    <p {...aria.errorMessageProps} class={props.class}>\n      {props.children}\n    </p>\n  );\n}\n\nexport type { DateFieldState, DateSegmentType };\n"],"mappings":"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"}
+{"version":3,"file":"DateField2.js","names":["createContext","useContext","createDateRangePicker","DateFieldState","DateValue","RangeCalendarState","DateRangePickerFieldContextValue","state","aria","labelProps","Record","inputProps","hiddenInputProps","descriptionProps","errorMessageProps","DateRangePickerContextValue","calendarState","startFieldState","endFieldState","startFieldContext","endFieldContext","overlayState","isOpen","open","close","toggle","triggerRef","HTMLElement","setTriggerRef","element","pickerAria","ReturnType","DateRangePickerContext","useDateRangePickerContext","context","Error","JSX","Context","createContext","createEffect","createMemo","createSignal","onCleanup","splitProps","useContext","Index","Show","createDateField","createDateSegment","createFocusRing","createHover","createVisuallyHidden","mergeProps","AriaDateFieldProps","parseDate","parseDateTime","toCalendarDate","toCalendarDateTime","toLocalTimeZone","createDateFieldState","access","DateFieldState","DateFieldStateProps","DateSegment","DateSegmentType","CalendarDate","DateValue","RenderChildren","ClassNameOrFunction","StyleOrFunction","SlotProps","useRenderProps","dataAttr","useIsHydrated","Provider","TextContext","FormContext","FormProps","DateRangePickerContext","DateRangePickerFieldContextValue","DateFieldRenderProps","isDisabled","isReadOnly","isRequired","isInvalid","DateFieldProps","Omit","T","children","Element","segment","class","style","locale","DateInputRenderProps","isFocused","DateInputProps","onPointerDownCapture","EventHandler","HTMLDivElement","PointerEvent","DateSegmentRenderProps","isHovered","isFocusVisible","isPlaceholder","type","text","DateSegmentProps","DateFieldContextValue","state","aria","labelProps","Record","inputProps","hiddenInputProps","descriptionProps","errorMessageProps","DateFieldContext","DateFieldStateContext","withFormValidationBehavior","props","P","formContext","validationBehavior","Proxy","get","target","property","receiver","localValue","Reflect","undefined","has","ownKeys","keys","Set","add","Array","from","getOwnPropertyDescriptor","descriptor","enumerable","configurable","useDateFieldContext","context","Error","useDateInputContext","slot","dateFieldContext","dateRangePickerContext","startFieldContext","endFieldContext","DateField","isHydrated","_$createComponent","when","fallback","_$getNextElement","_tmpl$","DateFieldInner","_$mergeProps","__formContext","DateFieldInnerProps","mergedProps","local","stateProps","rest","fieldRef","setFieldRef","validationInputRef","setValidationInputRef","HTMLInputElement","fieldAria","description","errorMessage","inputRef","renderValues","renderProps","defaultClassName","textSlots","slots","value","fieldProps","ref","_el$2","_tmpl$2","_$use","_$insert","values","_$effect","_p$","_v$","_v$2","_v$3","_v$4","_v$5","_v$6","e","_$className","t","_$style","a","_$setAttribute","o","i","n","RootHiddenDateInput","autoComplete","name","HIDDEN_DATE_SEGMENTS","HIDDEN_TIME_SEGMENTS","HIDDEN_GRANULARITY_MAP","hour","minute","second","RootHiddenDateInputProps","visuallyHiddenProps","position","top","left","granularity","inputStep","g","inputType","dateValue","toString","onChange","Event","event","targetString","currentTarget","targetValue","timeSegments","includes","slice","setSegment","setValue","_el$3","_tmpl$3","_el$4","firstChild","_$spread","addEventListener","_v$7","_v$8","_v$9","_v$0","_v$1","_$setProperty","_$runHydrationEvents","DateInput","setIsFocused","setInputRef","inputDivProps","onFocusIn","onFocusOut","element","handler","listener","capture","removeEventListener","_el$5","data-disabled","data-focused","each","segments","liveSegment","_t","key","PropertyKey","_el$6","_tmpl$4","InputHTMLAttributes","segmentRef","setSegmentRef","HTMLElement","segmentAria","focusProps","hoverProps","getChildren","renderChildren","segmentElementProps","segmentProps","_el$7","_tmpl$5","data-placeholder","data-invalid","data-readonly","data-type","data-hovered","data-focus-visible","DateFieldLabelProps","DateFieldLabel","_el$8","DateFieldDescriptionProps","DateFieldDescription","_el$9","DateFieldErrorMessageProps","DateFieldErrorMessage","_el$0"],"sources":["../src/DateRangePickerContext.tsx","../src/DateField.tsx"],"sourcesContent":["import { createContext, useContext } from \"solid-js\";\nimport { type createDateRangePicker } from \"@proyecto-viviana/solidaria\";\nimport {\n  type DateFieldState,\n  type DateValue,\n  type RangeCalendarState,\n} from \"@proyecto-viviana/solid-stately\";\n\nexport interface DateRangePickerFieldContextValue {\n  state: DateFieldState<DateValue>;\n  aria: {\n    labelProps: Record<string, unknown>;\n    inputProps: Record<string, unknown>;\n    /** Optional hidden validation <input> props (unused by the range fields). */\n    hiddenInputProps?: Record<string, unknown>;\n    descriptionProps: Record<string, unknown>;\n    errorMessageProps: Record<string, unknown>;\n  };\n}\n\nexport interface DateRangePickerContextValue {\n  calendarState: RangeCalendarState<DateValue>;\n  startFieldState: DateFieldState<DateValue>;\n  endFieldState: DateFieldState<DateValue>;\n  startFieldContext: DateRangePickerFieldContextValue;\n  endFieldContext: DateRangePickerFieldContextValue;\n  overlayState: {\n    isOpen: boolean;\n    open: () => void;\n    close: () => void;\n    toggle: () => void;\n  };\n  triggerRef: () => HTMLElement | null;\n  setTriggerRef: (element: HTMLElement | null) => void;\n  pickerAria: ReturnType<typeof createDateRangePicker>;\n}\n\nexport const DateRangePickerContext = createContext<DateRangePickerContextValue | null>(null);\n\nexport function useDateRangePickerContext(): DateRangePickerContextValue {\n  const context = useContext(DateRangePickerContext);\n  if (!context) {\n    throw new Error(\"DateRangePicker components must be used within a DateRangePicker\");\n  }\n  return context;\n}\n","/**\n * DateField component for solidaria-components\n *\n * Pre-wired headless date field component with segment-based editing.\n * Port of react-aria-components/src/DateField.tsx\n */\n\nimport {\n  type JSX,\n  type Context,\n  createContext,\n  createEffect,\n  createMemo,\n  createSignal,\n  onCleanup,\n  splitProps,\n  useContext,\n  Index,\n  Show,\n} from \"solid-js\";\nimport {\n  createDateField,\n  createDateSegment,\n  createFocusRing,\n  createHover,\n  createVisuallyHidden,\n  mergeProps,\n  type AriaDateFieldProps,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  parseDate,\n  parseDateTime,\n  toCalendarDate,\n  toCalendarDateTime,\n  toLocalTimeZone,\n} from \"@internationalized/date\";\nimport {\n  createDateFieldState,\n  access,\n  type DateFieldState,\n  type DateFieldStateProps,\n  type DateSegment as DateSegmentType,\n  type CalendarDate,\n  type DateValue,\n} from \"@proyecto-viviana/solid-stately\";\nimport {\n  type RenderChildren,\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  useRenderProps,\n  dataAttr,\n  useIsHydrated,\n  Provider,\n} from \"./utils\";\nimport { TextContext } from \"./Text\";\nimport { FormContext, type FormProps } from \"./Form\";\nimport {\n  DateRangePickerContext,\n  type DateRangePickerFieldContextValue,\n} from \"./DateRangePickerContext\";\n\nexport interface DateFieldRenderProps {\n  /** Whether the field is disabled. */\n  isDisabled: boolean;\n  /** Whether the field is read-only. */\n  isReadOnly: boolean;\n  /** Whether the field is required. */\n  isRequired: boolean;\n  /** Whether the field is invalid. */\n  isInvalid: boolean;\n}\n\nexport interface DateFieldProps<T extends DateValue = DateValue>\n  extends\n    Omit<AriaDateFieldProps, \"id\" | \"isDisabled\" | \"isReadOnly\" | \"isRequired\">,\n    Omit<DateFieldStateProps<T>, \"locale\">,\n    SlotProps {\n  /** The children of the component. */\n  children?: JSX.Element | ((segment: DateSegmentType) => JSX.Element);\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<DateFieldRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<DateFieldRenderProps>;\n  /** The locale to use for formatting. */\n  locale?: string;\n}\n\nexport interface DateInputRenderProps {\n  /** Whether the input is disabled. */\n  isDisabled: boolean;\n  /** Whether the input is focused. */\n  isFocused: boolean;\n}\n\nexport interface DateInputProps extends SlotProps {\n  /** The children of the component (render function receiving segments). */\n  children?: (segment: DateSegmentType) => JSX.Element;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<DateInputRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<DateInputRenderProps>;\n  /** Handler called during the pointer down capture phase. */\n  onPointerDownCapture?: JSX.EventHandler<HTMLDivElement, PointerEvent>;\n}\n\nexport interface DateSegmentRenderProps {\n  /** Whether the segment is hovered. */\n  isHovered: boolean;\n  /** Whether the segment is focused. */\n  isFocused: boolean;\n  /** Whether the segment is keyboard focused. */\n  isFocusVisible: boolean;\n  /** Whether the segment is a placeholder. */\n  isPlaceholder: boolean;\n  /** Whether the segment is read only. */\n  isReadOnly: boolean;\n  /** Whether the segment is disabled. */\n  isDisabled: boolean;\n  /** Whether the segment is invalid. */\n  isInvalid: boolean;\n  /** The segment type. */\n  type: DateSegmentType[\"type\"];\n  /** The text to display. */\n  text: string;\n}\n\nexport interface DateSegmentProps extends SlotProps {\n  /** The segment data. */\n  segment: DateSegmentType;\n  /** The children of the component. A function may be provided to receive render props. */\n  children?: RenderChildren<DateSegmentRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<DateSegmentRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<DateSegmentRenderProps>;\n}\n\nexport interface DateFieldContextValue {\n  state: DateFieldState<DateValue>;\n  aria: {\n    labelProps: Record<string, unknown>;\n    inputProps: Record<string, unknown>;\n    // The hidden validation <input> props (native type/required/onChange). Only\n    // the standalone DateField provides these; DatePicker/DateRangePicker manage\n    // their own hidden inputs, so this stays optional and its <input> is gated.\n    hiddenInputProps?: Record<string, unknown>;\n    descriptionProps: Record<string, unknown>;\n    errorMessageProps: Record<string, unknown>;\n  };\n}\n\nexport const DateFieldContext = createContext<DateFieldContextValue | null>(null);\nexport const DateFieldStateContext = createContext<DateFieldState<DateValue> | null>(null);\n\nfunction withFormValidationBehavior<P extends object>(props: P, formContext: FormProps | null): P {\n  if (!formContext?.validationBehavior) {\n    return props;\n  }\n\n  return new Proxy(props, {\n    get(target, property, receiver) {\n      const localValue = Reflect.get(target, property, receiver);\n      if (property === \"validationBehavior\" && localValue === undefined) {\n        return formContext.validationBehavior;\n      }\n\n      return localValue;\n    },\n    has(target, property) {\n      return (\n        Reflect.has(target, property) ||\n        (property === \"validationBehavior\" && formContext.validationBehavior !== undefined)\n      );\n    },\n    ownKeys(target) {\n      const keys = new Set(Reflect.ownKeys(target));\n      if (formContext.validationBehavior !== undefined) {\n        keys.add(\"validationBehavior\");\n      }\n\n      return Array.from(keys);\n    },\n    getOwnPropertyDescriptor(target, property) {\n      const descriptor = Reflect.getOwnPropertyDescriptor(target, property);\n      if (descriptor) {\n        return descriptor;\n      }\n\n      if (property === \"validationBehavior\" && formContext.validationBehavior !== undefined) {\n        return {\n          enumerable: true,\n          configurable: true,\n          get: () => formContext.validationBehavior,\n        };\n      }\n\n      return undefined;\n    },\n  });\n}\n\nexport function useDateFieldContext(): DateFieldContextValue {\n  const context = useContext(DateFieldContext);\n  if (!context) {\n    throw new Error(\"DateField components must be used within a DateField\");\n  }\n  return context;\n}\n\nfunction useDateInputContext(\n  slot?: string,\n): DateFieldContextValue | DateRangePickerFieldContextValue {\n  const dateFieldContext = useContext(DateFieldContext);\n  if (dateFieldContext) {\n    return dateFieldContext;\n  }\n\n  const dateRangePickerContext = useContext(DateRangePickerContext);\n  if (dateRangePickerContext && slot === \"start\") {\n    return dateRangePickerContext.startFieldContext;\n  }\n  if (dateRangePickerContext && slot === \"end\") {\n    return dateRangePickerContext.endFieldContext;\n  }\n\n  throw new Error(\"DateInput components must be used within a DateField or DateRangePicker slot\");\n}\n\n/**\n * A date field allows users to enter and edit date values using a keyboard.\n *\n * @example\n * ```tsx\n * <DateField label=\"Date\">\n *   <Label>Date</Label>\n *   <DateInput>\n *     {(segment) => <DateSegment segment={segment} />}\n *   </DateInput>\n * </DateField>\n * ```\n */\nexport function DateField<T extends DateValue = CalendarDate>(\n  props: DateFieldProps<T>,\n): JSX.Element {\n  // Use hydration-safe pattern for client-only rendering\n  const isHydrated = useIsHydrated();\n  const formContext = useContext(FormContext);\n\n  return (\n    <Show\n      when={isHydrated()}\n      fallback={\n        <div class=\"solidaria-DateField solidaria-DateField--placeholder\" aria-hidden=\"true\" />\n      }\n    >\n      <DateFieldInner {...props} __formContext={formContext} />\n    </Show>\n  );\n}\n\ntype DateFieldInnerProps<T extends DateValue = DateValue> = DateFieldProps<T> & {\n  __formContext?: FormProps | null;\n};\n\n/**\n * Internal DateField component that renders after client mount.\n */\nfunction DateFieldInner<T extends DateValue = CalendarDate>(\n  props: DateFieldInnerProps<T>,\n): JSX.Element {\n  const formContext = props.__formContext ?? useContext(FormContext);\n  const mergedProps = withFormValidationBehavior(props, formContext);\n  const [local, stateProps, rest] = splitProps(\n    mergedProps,\n    [\"children\", \"class\", \"style\", \"slot\", \"__formContext\"],\n    [\n      \"value\",\n      \"defaultValue\",\n      \"onChange\",\n      \"minValue\",\n      \"maxValue\",\n      \"isInvalid\",\n      \"isDisabled\",\n      \"isReadOnly\",\n      \"isRequired\",\n      \"locale\",\n      \"granularity\",\n      \"hourCycle\",\n      \"hideTimeZone\",\n      \"placeholderValue\",\n      \"shouldForceLeadingZeros\",\n      \"validationState\",\n      \"validationBehavior\",\n      \"validate\",\n      \"description\",\n      \"errorMessage\",\n      \"isDateUnavailable\",\n    ],\n  );\n\n  const [fieldRef, setFieldRef] = createSignal<HTMLDivElement | null>(null);\n  // Ref to the hidden validation <input> (the DateInput's `<Input>` sibling).\n  // RAC's DateField creates this ref, passes it to useDateField, and threads it\n  // onto the <Input> via InputContext so useFormReset/useFormValidation target\n  // that element. We mirror that: create it here, hand it to createDateField\n  // below, and attach it to the same input through the context getter.\n  const [validationInputRef, setValidationInputRef] =\n    createSignal<HTMLInputElement | null>(null);\n\n  const state = createDateFieldState(stateProps);\n\n  const fieldAria = createDateField(\n    () => ({\n      ...(rest as Record<string, unknown>),\n      // RAC threads the same props into both useDateFieldState and useDateField;\n      // these live in `stateProps` here, so forward them so the field hook can\n      // build aria-disabled and the native validation <input> (type/required).\n      // access() unwraps the MaybeAccessor state-prop declarations.\n      isDisabled: access(stateProps.isDisabled),\n      isReadOnly: access(stateProps.isReadOnly),\n      isRequired: access(stateProps.isRequired),\n      // Mirror RAC DateField: validationBehavior ?? formValidationBehavior ??\n      // 'native'. withFormValidationBehavior already folds the form default into\n      // stateProps.validationBehavior; the last `?? 'native'` is the standalone\n      // default that flips the hidden input to type=\"text\".\n      validationBehavior: stateProps.validationBehavior ?? \"native\",\n      description: stateProps.description,\n      errorMessage: stateProps.errorMessage,\n      // Form-reset + native constraint validation are wired onto this input by\n      // createDateField (see its createFormReset/createFormValidation calls),\n      // exactly as RAC's useDateField wires them onto props.inputRef.\n      inputRef: () => validationInputRef() ?? undefined,\n    }),\n    state as unknown as DateFieldState<DateValue>,\n    fieldRef,\n  );\n\n  const renderValues = createMemo<DateFieldRenderProps>(() => ({\n    isDisabled: state.isDisabled(),\n    isReadOnly: state.isReadOnly(),\n    isRequired: state.isRequired(),\n    isInvalid: state.isInvalid(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-DateField\",\n    },\n    renderValues,\n  );\n\n  const textSlots = {\n    slots: {\n      get description() {\n        return fieldAria.descriptionProps;\n      },\n      get errorMessage() {\n        return fieldAria.errorMessageProps;\n      },\n    },\n  };\n\n  return (\n    <DateFieldStateContext.Provider value={state as unknown as DateFieldState<DateValue>}>\n      <DateFieldContext.Provider\n        value={{\n          state: state as unknown as DateFieldState<DateValue>,\n          // Read through getters so consumers see the LIVE memo values, not a\n          // snapshot frozen at first render. `createDescription` appends the\n          // value-description id via a deferred effect; the group's\n          // aria-describedby only picks it up if the props stay reactive here.\n          aria: {\n            get labelProps() {\n              return fieldAria.labelProps;\n            },\n            // The segment group props (role=\"group\", aria-labelledby, unicode-bidi\n            // isolate style, arrow-key nav, focus-within handlers) are routed to the\n            // DateInput element — mirroring RAC, where useDateField.fieldProps is\n            // published through GroupContext and consumed by the DateInput <Group>.\n            // The outer wrapper stays roleless.\n            get inputProps() {\n              return fieldAria.fieldProps;\n            },\n            // The REAL hidden validation input props (type/hidden/required/onChange\n            // under native validation). Rendered as the DateInput's <input> sibling.\n            // Thread the validation-input ref through here — mirroring RAC's\n            // `[InputContext, {...inputProps, ref: inputRef}]` — so createDateField's\n            // form-reset/validation wiring resolves to the mounted element.\n            get hiddenInputProps() {\n              return mergeProps(fieldAria.inputProps, { ref: setValidationInputRef });\n            },\n            get descriptionProps() {\n              return fieldAria.descriptionProps;\n            },\n            get errorMessageProps() {\n              return fieldAria.errorMessageProps;\n            },\n          },\n        }}\n      >\n        <div\n          ref={setFieldRef}\n          class={renderProps.class()}\n          style={renderProps.style()}\n          data-disabled={dataAttr(state.isDisabled())}\n          data-readonly={dataAttr(state.isReadOnly())}\n          data-required={dataAttr(state.isRequired())}\n          data-invalid={dataAttr(state.isInvalid())}\n        >\n          <Provider values={[[TextContext, textSlots]] as Array<[Context<unknown>, unknown]>}>\n            {local.children as JSX.Element}\n          </Provider>\n        </div>\n        {/*\n          RAC renders <HiddenDateInput> UNCONDITIONALLY at the DateField root\n          (react-aria-components DateField.mjs). It is NOT a validation input — it\n          is a clipped, aria-hidden, tabIndex={-1} native date input that mirrors\n          the value for browser autofill. Its `form=\"\"` detaches it from form\n          submission (the DateInput's <Input> above is what submits), so it never\n          double-counts in FormData. It renders regardless of `name` — hence no\n          <Show> gate — which is why it appears in the focus trail as the trailing\n          tabindex=\"-1\" element.\n        */}\n        <RootHiddenDateInput\n          autoComplete={(rest as Record<string, unknown>).autoComplete as string | undefined}\n          name={(rest as Record<string, unknown>).name as string | undefined}\n          isDisabled={state.isDisabled()}\n          state={state as unknown as DateFieldState<DateValue>}\n        />\n      </DateFieldContext.Provider>\n    </DateFieldStateContext.Provider>\n  );\n}\n\nconst HIDDEN_DATE_SEGMENTS: readonly string[] = [\"day\", \"month\", \"year\"];\nconst HIDDEN_TIME_SEGMENTS: readonly string[] = [\"hour\", \"minute\", \"second\"];\nconst HIDDEN_GRANULARITY_MAP: Record<string, number> = { hour: 1, minute: 2, second: 3 };\n\ninterface RootHiddenDateInputProps {\n  autoComplete?: string;\n  name?: string;\n  isDisabled?: boolean;\n  state: DateFieldState<DateValue>;\n}\n\n/**\n * The always-rendered hidden date input at the DateField root — a faithful port\n * of react-aria-components' HiddenDateInput (private/HiddenDateInput.mjs). It is\n * NOT a validation input: it is a clipped, aria-hidden, tabIndex={-1} native\n * date input that mirrors the current value for browser autofill. `form=\"\"`\n * detaches it from form submission (the DateInput's <Input> submits), so it\n * never double-counts in FormData. RAC renders it unconditionally, which is why\n * it appears as the trailing tabindex=\"-1\" element in the focus trail.\n */\nfunction RootHiddenDateInput(props: RootHiddenDateInputProps): JSX.Element {\n  // RAC uses useVisuallyHidden with position:fixed/top:0/left:0 to keep the\n  // clipped input from scrolling the page.\n  const { visuallyHiddenProps } = createVisuallyHidden(() => ({\n    style: { position: \"fixed\", top: \"0\", left: \"0\" },\n  }));\n\n  const granularity = () => props.state.granularity ?? \"day\";\n  const inputStep = () => {\n    const g = granularity();\n    if (g === \"second\") return 1;\n    if (g === \"hour\") return 3600;\n    return 60;\n  };\n  const inputType = () => (granularity() === \"day\" ? \"date\" : \"datetime-local\");\n  const dateValue = () => {\n    const value = props.state.value();\n    if (!value) return \"\";\n    if (granularity() === \"day\") return toCalendarDate(value).toString();\n    return toCalendarDateTime(\n      \"timeZone\" in value ? toLocalTimeZone(value) : value,\n    ).toString();\n  };\n\n  const onChange: JSX.EventHandler<HTMLInputElement, Event> = (event) => {\n    const targetString = (event.currentTarget.value ?? \"\").toString();\n    if (!targetString) return;\n    try {\n      const g = granularity();\n      const targetValue = (g === \"day\" ? parseDate(targetString) : parseDateTime(targetString)) as\n        unknown as Record<string, number>;\n      let timeSegments = HIDDEN_TIME_SEGMENTS;\n      if (HIDDEN_TIME_SEGMENTS.includes(g)) {\n        timeSegments = HIDDEN_TIME_SEGMENTS.slice(0, HIDDEN_GRANULARITY_MAP[g]);\n      }\n      const state = props.state as unknown as {\n        setSegment?: (type: string, value: number) => void;\n        setValue: (value: unknown) => void;\n      };\n      // Only DateFieldState (not DatePickerState) exposes setSegment; validate\n      // each parsed segment before committing the new value, mirroring RAC.\n      if (typeof state.setSegment === \"function\") {\n        for (const type in targetValue) {\n          if (HIDDEN_DATE_SEGMENTS.includes(type)) state.setSegment(type, targetValue[type]);\n          if (timeSegments.includes(type)) state.setSegment(type, targetValue[type]);\n        }\n      }\n      state.setValue(targetValue);\n    } catch {\n      // ignore unparseable autofill values\n    }\n  };\n\n  return (\n    <div\n      {...(visuallyHiddenProps() as unknown as Record<string, unknown>)}\n      aria-hidden=\"true\"\n      data-testid=\"hidden-dateinput-container\"\n    >\n      <input\n        tabIndex={-1}\n        autocomplete={props.autoComplete}\n        disabled={props.isDisabled}\n        type={inputType()}\n        form=\"\"\n        name={props.name}\n        step={inputStep()}\n        value={dateValue()}\n        onChange={onChange}\n      />\n    </div>\n  );\n}\n\n/**\n * The input area containing date segments.\n */\nexport function DateInput(props: DateInputProps): JSX.Element {\n  const context = useDateInputContext(props.slot);\n  const { state, aria } = context;\n  const [isFocused, setIsFocused] = createSignal(false);\n  const [inputRef, setInputRef] = createSignal<HTMLDivElement | null>(null);\n\n  const renderValues = createMemo<DateInputRenderProps>(() => ({\n    isDisabled: state.isDisabled(),\n    isFocused: isFocused(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      class: props.class,\n      style: props.style,\n      defaultClassName: \"solidaria-DateInput\",\n    },\n    renderValues,\n  );\n\n  // The group props (role=\"group\", aria-labelledby, unicode-bidi:isolate,\n  // arrow-key nav, focus-within handlers) carry the field's own `style` and\n  // focus handlers. Merge — not clobber — so the group keeps its unicode-bidi\n  // isolation and the local isFocused signal chains onto the field's\n  // focusWithin handlers. Solid onFocus/onBlur do not bubble, so track focus\n  // via onFocusIn/onFocusOut.\n  const inputDivProps = createMemo(() =>\n    mergeProps(aria.inputProps, {\n      onFocusIn: () => setIsFocused(true),\n      onFocusOut: () => setIsFocused(false),\n      style: renderProps.style(),\n    }),\n  );\n\n  createEffect(() => {\n    const element = inputRef();\n    const handler = props.onPointerDownCapture;\n    if (!element || !handler) return;\n\n    const listener = (event: PointerEvent) =>\n      (handler as unknown as (event: PointerEvent) => void)(event);\n    element.addEventListener(\"pointerdown\", listener, { capture: true });\n    onCleanup(() => element.removeEventListener(\"pointerdown\", listener, { capture: true }));\n  });\n\n  return (\n    <DateFieldContext.Provider value={context as DateFieldContextValue}>\n      <div\n        ref={setInputRef}\n        {...inputDivProps()}\n        class={renderProps.class()}\n        data-disabled={dataAttr(state.isDisabled())}\n        data-focused={dataAttr(isFocused())}\n      >\n        {/*\n          <Index> keys by position, not identity, so each DateSegment instance\n          stays alive across keystrokes (state.segments() re-mints segment\n          objects every edit). A stable Proxy forwards property reads to the\n          live per-index accessor so the child stays reactive.\n        */}\n        <Index each={state.segments()}>\n          {(segment) => {\n            const liveSegment = new Proxy({} as DateSegmentType, {\n              get: (_t, key) => (segment() as unknown as Record<PropertyKey, unknown>)[key],\n              has: (_t, key) => key in (segment() as object),\n            });\n            return props.children?.(liveSegment);\n          }}\n        </Index>\n      </div>\n      {/*\n        The hidden validation input, sibling of the group — mirrors RAC's\n        DateInputInner `<><Group/><Input/></>`. Under native validation\n        (default) `useDateField` publishes it as `type=\"text\" hidden required`\n        so browser constraint validation fires; under aria validation it stays\n        `type=\"hidden\"`. Both carry the ISO value string. Only the standalone\n        DateField supplies these props; inside a DatePicker/DateRangePicker the\n        field is presentation and its owner renders the hidden input instead.\n      */}\n      <Show when={aria.hiddenInputProps}>\n        {(hiddenInputProps) => (\n          <input {...(hiddenInputProps() as JSX.InputHTMLAttributes<HTMLInputElement>)} />\n        )}\n      </Show>\n    </DateFieldContext.Provider>\n  );\n}\n\n/**\n * A segment of a date field (year, month, day, etc.).\n */\nexport function DateSegment(props: DateSegmentProps): JSX.Element {\n  const { state } = useDateFieldContext();\n  const [segmentRef, setSegmentRef] = createSignal<HTMLElement | null>(null);\n\n  const segmentAria = createDateSegment(\n    {\n      get segment() {\n        return props.segment;\n      },\n    },\n    state,\n    segmentRef,\n  );\n\n  // Mirror upstream DateSegment: focus/focus-visible come from useFocusRing()\n  // and hover from useHover({isDisabled: field disabled || literal segment}).\n  // Literals never hover; the field being disabled suppresses hover entirely.\n  const { isFocused, isFocusVisible, focusProps } = createFocusRing();\n  const { isHovered, hoverProps } = createHover(() => ({\n    isDisabled: state.isDisabled() || props.segment.type === \"literal\",\n  }));\n\n  const renderValues = createMemo<DateSegmentRenderProps>(() => ({\n    isHovered: isHovered(),\n    isFocused: isFocused(),\n    isFocusVisible: isFocusVisible(),\n    isPlaceholder: props.segment.isPlaceholder,\n    isReadOnly: state.isReadOnly(),\n    isDisabled: state.isDisabled(),\n    isInvalid: state.isInvalid(),\n    type: props.segment.type,\n    text: props.segment.text,\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children;\n      },\n      class: props.class,\n      style: props.style,\n      defaultClassName: \"solidaria-DateSegment\",\n    },\n    renderValues,\n  );\n\n  // Determine children content - avoid Show for SSR hydration compatibility\n  const getChildren = () => {\n    if (typeof props.children === \"function\") {\n      return renderProps.renderChildren();\n    }\n    return props.segment.text;\n  };\n\n  // Mirror upstream's `mergeProps(filterDOMProps(otherProps), segmentProps,\n  // focusProps, hoverProps)`: the segment's behavior/style props (caretColor +\n  // RTL direction) chain with the focus-ring and hover handlers so neither\n  // clobbers the other.\n  const segmentElementProps = createMemo(() =>\n    mergeProps(\n      segmentAria.segmentProps,\n      focusProps as Record<string, unknown>,\n      hoverProps as Record<string, unknown>,\n      {\n        style: renderProps.style(),\n      },\n    ),\n  );\n\n  return (\n    <span\n      ref={setSegmentRef}\n      {...segmentElementProps()}\n      class={renderProps.class()}\n      data-placeholder={props.segment.isPlaceholder || undefined}\n      data-invalid={state.isInvalid() || undefined}\n      data-readonly={state.isReadOnly() || undefined}\n      data-disabled={state.isDisabled() || undefined}\n      data-type={props.segment.type}\n      data-hovered={isHovered() || undefined}\n      data-focused={isFocused() || undefined}\n      data-focus-visible={isFocusVisible() || undefined}\n    >\n      {getChildren()}\n    </span>\n  );\n}\n\nexport interface DateFieldLabelProps {\n  children?: JSX.Element;\n  class?: string;\n}\n\nexport function DateFieldLabel(props: DateFieldLabelProps): JSX.Element {\n  const { aria } = useDateFieldContext();\n  return (\n    <span {...aria.labelProps} class={props.class}>\n      {props.children}\n    </span>\n  );\n}\n\nexport interface DateFieldDescriptionProps {\n  children?: JSX.Element;\n  class?: string;\n}\n\nexport function DateFieldDescription(props: DateFieldDescriptionProps): JSX.Element {\n  const { aria } = useDateFieldContext();\n  return (\n    <span {...aria.descriptionProps} class={props.class}>\n      {props.children}\n    </span>\n  );\n}\n\nexport interface DateFieldErrorMessageProps {\n  children?: JSX.Element;\n  class?: string;\n}\n\nexport function DateFieldErrorMessage(props: DateFieldErrorMessageProps): JSX.Element {\n  const { aria } = useDateFieldContext();\n  return (\n    <span {...aria.errorMessageProps} class={props.class}>\n      {props.children}\n    </span>\n  );\n}\n\nexport type { DateFieldState, DateSegmentType };\n"],"mappings":"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"}

package/dist/DateField2.jsx

@@ -1,76 +1,10 @@
 import { Provider, dataAttr, useIsHydrated, useRenderProps } from "./utils.jsx";
 import { TextContext } from "./Text.jsx";
 import { FormContext } from "./Form.jsx";
-import { For, Show, createContext, createEffect, createMemo, createSignal, onCleanup, splitProps, useContext } from "solid-js";
-import { createDateField, createDateSegment, createFormValidation } from "@proyecto-viviana/solidaria";
+import { Index, Show, createContext, createEffect, createMemo, createSignal, onCleanup, splitProps, useContext } from "solid-js";
+import { createDateField, createDateSegment, createFocusRing, createHover, createVisuallyHidden, mergeProps as mergeProps$1 } from "@proyecto-viviana/solidaria";
 import { access, createDateFieldState } from "@proyecto-viviana/solid-stately";
-//#region src/HiddenDateInput.tsx
-/**
-* HiddenDateInput component for solidaria-components
-*
-* A hidden native date/datetime-local input for form submission.
-* Renders server-side with the initial value for SSR safety.
-*/
-function accessValue(value) {
-	return typeof value === "function" ? value() : value;
-}
-function formatDateValue(value, granularity) {
-	if (!value) return "";
-	if ("timeZone" in value) return String(value);
-	const dateValue = value;
-	const year = String(dateValue.year).padStart(4, "0");
-	const month = String(dateValue.month).padStart(2, "0");
-	const day = String(dateValue.day).padStart(2, "0");
-	if (granularity === "day") return `${year}-${month}-${day}`;
-	const hasHour = "hour" in dateValue;
-	const hour = hasHour ? String(dateValue.hour).padStart(2, "0") : "00";
-	const hasMinute = hasHour && "minute" in dateValue;
-	const minute = hasMinute ? String(dateValue.minute).padStart(2, "0") : "00";
-	if (granularity === "second" && hasMinute && "second" in dateValue) return `${year}-${month}-${day}T${hour}:${minute}:${String(dateValue.second).padStart(2, "0")}`;
-	return `${year}-${month}-${day}T${hour}:${minute}`;
-}
-function HiddenDateInput(props) {
-	const granularity = () => props.granularity ?? "day";
-	const hasValidationBehavior = () => props.validationBehavior != null;
-	const validationBehavior = () => props.validationBehavior;
-	const usesNativeValidation = () => validationBehavior() === "native";
-	const value = () => accessValue(props.value);
-	const minValue = () => accessValue(props.minValue);
-	const maxValue = () => accessValue(props.maxValue);
-	const hasTimeZoneValue = () => Boolean(value() && "timeZone" in value() || minValue() && "timeZone" in minValue() || maxValue() && "timeZone" in maxValue());
-	const inputType = () => usesNativeValidation() ? "text" : hasValidationBehavior() ? "hidden" : hasTimeZoneValue() ? "hidden" : granularity() === "day" ? "date" : "datetime-local";
-	const formattedValue = () => formatDateValue(value(), granularity());
-	const formattedMin = () => formatDateValue(minValue(), granularity());
-	const formattedMax = () => formatDateValue(maxValue(), granularity());
-	const [inputRef, setInputRef] = createSignal();
-	if (props.validationState) createFormValidation({
-		get validationBehavior() {
-			return validationBehavior();
-		},
-		get focus() {
-			return props.focus;
-		}
-	}, props.validationState, inputRef);
-	createEffect(() => {
-		const val = formattedValue();
-		const input = inputRef();
-		if (input && input.value !== val) input.value = val;
-	});
-	return <input ref={(el) => {
-		setInputRef(el);
-	}} type={inputType()} name={props.name} form={props.form} value={formattedValue()} autocomplete={props.autoComplete} disabled={props.isDisabled} required={usesNativeValidation() && props.isRequired ? true : void 0} hidden={usesNativeValidation() || void 0} min={hasValidationBehavior() ? void 0 : formattedMin() || void 0} max={hasValidationBehavior() ? void 0 : formattedMax() || void 0} onChange={usesNativeValidation() ? () => {} : void 0} tabIndex={-1} aria-hidden="true" style={{
-		position: "absolute",
-		width: "1px",
-		height: "1px",
-		padding: "0",
-		margin: "-1px",
-		overflow: "hidden",
-		clip: "rect(0, 0, 0, 0)",
-		"white-space": "nowrap",
-		"border-width": "0"
-	}} />;
-}
-//#endregion
+import { parseDate, parseDateTime, toCalendarDate, toCalendarDateTime, toLocalTimeZone } from "@internationalized/date";
 //#region src/DateRangePickerContext.tsx
 const DateRangePickerContext = createContext(null);
 function useDateRangePickerContext() {
@@ -152,8 +86,7 @@ function DateField(props) {
 * Internal DateField component that renders after client mount.
 */
 function DateFieldInner(props) {
-	const formContext = props.__formContext ?? useContext(FormContext);
-	const [local, stateProps, rest] = splitProps(withFormValidationBehavior(props, formContext), [
+	const [local, stateProps, rest] = splitProps(withFormValidationBehavior(props, props.__formContext ?? useContext(FormContext)), [
 		"children",
 		"class",
 		"style",
@@ -183,11 +116,17 @@ function DateFieldInner(props) {
 		"isDateUnavailable"
 	]);
 	const [fieldRef, setFieldRef] = createSignal(null);
+	const [validationInputRef, setValidationInputRef] = createSignal(null);
 	const state = createDateFieldState(stateProps);
 	const fieldAria = createDateField(() => ({
 		...rest,
+		isDisabled: access(stateProps.isDisabled),
+		isReadOnly: access(stateProps.isReadOnly),
+		isRequired: access(stateProps.isRequired),
+		validationBehavior: stateProps.validationBehavior ?? "native",
 		description: stateProps.description,
-		errorMessage: stateProps.errorMessage
+		errorMessage: stateProps.errorMessage,
+		inputRef: () => validationInputRef() ?? void 0
 	}), state, fieldRef);
 	const renderValues = createMemo(() => ({
 		isDisabled: state.isDisabled(),
@@ -200,7 +139,6 @@ function DateFieldInner(props) {
 		style: local.style,
 		defaultClassName: "solidaria-DateField"
 	}, renderValues);
-	const validationBehavior = () => stateProps.validationBehavior ?? formContext?.validationBehavior ?? "native";
 	const textSlots = { slots: {
 		get description() {
 			return fieldAria.descriptionProps;
@@ -213,25 +151,97 @@ function DateFieldInner(props) {
       <DateFieldContext.Provider value={{
 		state,
 		aria: {
-			labelProps: fieldAria.labelProps,
-			inputProps: fieldAria.inputProps,
-			descriptionProps: fieldAria.descriptionProps,
-			errorMessageProps: fieldAria.errorMessageProps
+			get labelProps() {
+				return fieldAria.labelProps;
+			},
+			get inputProps() {
+				return fieldAria.fieldProps;
+			},
+			get hiddenInputProps() {
+				return mergeProps$1(fieldAria.inputProps, { ref: setValidationInputRef });
+			},
+			get descriptionProps() {
+				return fieldAria.descriptionProps;
+			},
+			get errorMessageProps() {
+				return fieldAria.errorMessageProps;
+			}
 		}
 	}}>
-        <div ref={setFieldRef} {...fieldAria.fieldProps} class={renderProps.class()} style={renderProps.style()} data-disabled={dataAttr(state.isDisabled())} data-readonly={dataAttr(state.isReadOnly())} data-required={dataAttr(state.isRequired())} data-invalid={dataAttr(state.isInvalid())}>
+        <div ref={setFieldRef} class={renderProps.class()} style={renderProps.style()} data-disabled={dataAttr(state.isDisabled())} data-readonly={dataAttr(state.isReadOnly())} data-required={dataAttr(state.isRequired())} data-invalid={dataAttr(state.isInvalid())}>
           <Provider values={[[TextContext, textSlots]]}>
             {local.children}
           </Provider>
         </div>
-        <Show when={rest.name}>
-          <HiddenDateInput name={rest.name} form={rest.form} value={state.value()} autoComplete={rest.autoComplete} isDisabled={state.isDisabled()} isRequired={state.isRequired()} validationBehavior={validationBehavior()} validationState={state} focus={() => {
-		fieldRef()?.querySelector("[role=\"spinbutton\"]")?.focus();
-	}} minValue={access(stateProps.minValue)} maxValue={access(stateProps.maxValue)} granularity={state.granularity} />
-        </Show>
+        {}
+        <RootHiddenDateInput autoComplete={rest.autoComplete} name={rest.name} isDisabled={state.isDisabled()} state={state} />
       </DateFieldContext.Provider>
     </DateFieldStateContext.Provider>;
 }
+const HIDDEN_DATE_SEGMENTS = [
+	"day",
+	"month",
+	"year"
+];
+const HIDDEN_TIME_SEGMENTS = [
+	"hour",
+	"minute",
+	"second"
+];
+const HIDDEN_GRANULARITY_MAP = {
+	hour: 1,
+	minute: 2,
+	second: 3
+};
+/**
+* The always-rendered hidden date input at the DateField root — a faithful port
+* of react-aria-components' HiddenDateInput (private/HiddenDateInput.mjs). It is
+* NOT a validation input: it is a clipped, aria-hidden, tabIndex={-1} native
+* date input that mirrors the current value for browser autofill. `form=""`
+* detaches it from form submission (the DateInput's <Input> submits), so it
+* never double-counts in FormData. RAC renders it unconditionally, which is why
+* it appears as the trailing tabindex="-1" element in the focus trail.
+*/
+function RootHiddenDateInput(props) {
+	const { visuallyHiddenProps } = createVisuallyHidden(() => ({ style: {
+		position: "fixed",
+		top: "0",
+		left: "0"
+	} }));
+	const granularity = () => props.state.granularity ?? "day";
+	const inputStep = () => {
+		const g = granularity();
+		if (g === "second") return 1;
+		if (g === "hour") return 3600;
+		return 60;
+	};
+	const inputType = () => granularity() === "day" ? "date" : "datetime-local";
+	const dateValue = () => {
+		const value = props.state.value();
+		if (!value) return "";
+		if (granularity() === "day") return toCalendarDate(value).toString();
+		return toCalendarDateTime("timeZone" in value ? toLocalTimeZone(value) : value).toString();
+	};
+	const onChange = (event) => {
+		const targetString = (event.currentTarget.value ?? "").toString();
+		if (!targetString) return;
+		try {
+			const g = granularity();
+			const targetValue = g === "day" ? parseDate(targetString) : parseDateTime(targetString);
+			let timeSegments = HIDDEN_TIME_SEGMENTS;
+			if (HIDDEN_TIME_SEGMENTS.includes(g)) timeSegments = HIDDEN_TIME_SEGMENTS.slice(0, HIDDEN_GRANULARITY_MAP[g]);
+			const state = props.state;
+			if (typeof state.setSegment === "function") for (const type in targetValue) {
+				if (HIDDEN_DATE_SEGMENTS.includes(type)) state.setSegment(type, targetValue[type]);
+				if (timeSegments.includes(type)) state.setSegment(type, targetValue[type]);
+			}
+			state.setValue(targetValue);
+		} catch {}
+	};
+	return <div {...visuallyHiddenProps()} aria-hidden="true" data-testid="hidden-dateinput-container">
+      <input tabIndex={-1} autocomplete={props.autoComplete} disabled={props.isDisabled} type={inputType()} form="" name={props.name} step={inputStep()} value={dateValue()} onChange={onChange} />
+    </div>;
+}
 /**
 * The input area containing date segments.
 */
@@ -249,6 +259,11 @@ function DateInput(props) {
 		style: props.style,
 		defaultClassName: "solidaria-DateInput"
 	}, renderValues);
+	const inputDivProps = createMemo(() => mergeProps$1(aria.inputProps, {
+		onFocusIn: () => setIsFocused(true),
+		onFocusOut: () => setIsFocused(false),
+		style: renderProps.style()
+	}));
 	createEffect(() => {
 		const element = inputRef();
 		const handler = props.onPointerDownCapture;
@@ -258,9 +273,22 @@ function DateInput(props) {
 		onCleanup(() => element.removeEventListener("pointerdown", listener, { capture: true }));
 	});
 	return <DateFieldContext.Provider value={context}>
-      <div ref={setInputRef} {...aria.inputProps} class={renderProps.class()} style={renderProps.style()} data-disabled={dataAttr(state.isDisabled())} data-focused={dataAttr(isFocused())} onFocusIn={() => setIsFocused(true)} onFocusOut={() => setIsFocused(false)}>
-        <For each={state.segments()}>{(segment) => props.children?.(segment)}</For>
+      <div ref={setInputRef} {...inputDivProps()} class={renderProps.class()} data-disabled={dataAttr(state.isDisabled())} data-focused={dataAttr(isFocused())}>
+        {}
+        <Index each={state.segments()}>
+          {(segment) => {
+		const liveSegment = new Proxy({}, {
+			get: (_t, key) => segment()[key],
+			has: (_t, key) => key in segment()
+		});
+		return props.children?.(liveSegment);
+	}}
+        </Index>
       </div>
+      {}
+      <Show when={aria.hiddenInputProps}>
+        {(hiddenInputProps) => <input {...hiddenInputProps()} />}
+      </Show>
     </DateFieldContext.Provider>;
 }
 /**
@@ -269,13 +297,21 @@ function DateInput(props) {
 function DateSegment(props) {
 	const { state } = useDateFieldContext();
 	const [segmentRef, setSegmentRef] = createSignal(null);
-	const segmentAria = createDateSegment({ segment: props.segment }, state, segmentRef);
+	const segmentAria = createDateSegment({ get segment() {
+		return props.segment;
+	} }, state, segmentRef);
+	const { isFocused, isFocusVisible, focusProps } = createFocusRing();
+	const { isHovered, hoverProps } = createHover(() => ({ isDisabled: state.isDisabled() || props.segment.type === "literal" }));
 	const renderValues = createMemo(() => ({
-		isFocused: segmentAria.isFocused,
-		isEditable: segmentAria.isEditable,
-		isPlaceholder: segmentAria.isPlaceholder,
+		isHovered: isHovered(),
+		isFocused: isFocused(),
+		isFocusVisible: isFocusVisible(),
+		isPlaceholder: props.segment.isPlaceholder,
+		isReadOnly: state.isReadOnly(),
+		isDisabled: state.isDisabled(),
+		isInvalid: state.isInvalid(),
 		type: props.segment.type,
-		text: segmentAria.text
+		text: props.segment.text
 	}));
 	const renderProps = useRenderProps({
 		get children() {
@@ -287,9 +323,10 @@ function DateSegment(props) {
 	}, renderValues);
 	const getChildren = () => {
 		if (typeof props.children === "function") return renderProps.renderChildren();
-		return segmentAria.text;
+		return props.segment.text;
 	};
-	return <span ref={setSegmentRef} {...segmentAria.segmentProps} class={renderProps.class()} style={renderProps.style()} data-focused={dataAttr(segmentAria.isFocused)} data-editable={dataAttr(segmentAria.isEditable)} data-placeholder={dataAttr(segmentAria.isPlaceholder)} data-type={props.segment.type}>
+	const segmentElementProps = createMemo(() => mergeProps$1(segmentAria.segmentProps, focusProps, hoverProps, { style: renderProps.style() }));
+	return <span ref={setSegmentRef} {...segmentElementProps()} class={renderProps.class()} data-placeholder={props.segment.isPlaceholder || void 0} data-invalid={state.isInvalid() || void 0} data-readonly={state.isReadOnly() || void 0} data-disabled={state.isDisabled() || void 0} data-type={props.segment.type} data-hovered={isHovered() || void 0} data-focused={isFocused() || void 0} data-focus-visible={isFocusVisible() || void 0}>
       {getChildren()}
     </span>;
 }
@@ -301,17 +338,17 @@ function DateFieldLabel(props) {
 }
 function DateFieldDescription(props) {
 	const { aria } = useDateFieldContext();
-	return <p {...aria.descriptionProps} class={props.class}>
+	return <span {...aria.descriptionProps} class={props.class}>
       {props.children}
-    </p>;
+    </span>;
 }
 function DateFieldErrorMessage(props) {
 	const { aria } = useDateFieldContext();
-	return <p {...aria.errorMessageProps} class={props.class}>
+	return <span {...aria.errorMessageProps} class={props.class}>
       {props.children}
-    </p>;
+    </span>;
 }
 //#endregion
-export { DateFieldLabel as a, DateSegment as c, useDateRangePickerContext as d, HiddenDateInput as f, DateFieldErrorMessage as i, useDateFieldContext as l, DateFieldContext as n, DateFieldStateContext as o, DateFieldDescription as r, DateInput as s, DateField as t, DateRangePickerContext as u };
+export { DateFieldLabel as a, DateSegment as c, useDateRangePickerContext as d, DateFieldErrorMessage as i, useDateFieldContext as l, DateFieldContext as n, DateFieldStateContext as o, DateFieldDescription as r, DateInput as s, DateField as t, DateRangePickerContext as u };
 
 //# sourceMappingURL=DateField2.jsx.map