Custom Field

Replace the default segmented field with a custom control via use_picker_field.

PickerFieldSlot swaps the built-in range input for any child component that reads picker context through use_picker_field. The hook exposes the bound value, disabled state, and format signals so custom summaries stay in sync with the calendar popover.

• Read-only summary inputs that open a calendar on focus or click elsewhere
• Branded range displays (for example "Jan 4 – Jan 10" in a single line)
• Flows where the default segmented mask does not match your design system

• Implement a field component that calls use_picker_field inside a PickerFieldSlot child.
• Mirror ctx.value and ctx.disabled into your control (typically a readonly Input).
• Pass the slot as a child of DateRangePicker or other range pickers that support field replacement.