DatePicker

Date pickers wrap a field and calendar trigger into a single input pattern for choosing one date.

Basic Usage

Use a controlled value when the chosen date needs to stay in sync with surrounding form state.

States

Show empty, invalid, and disabled states when the picker is used inside forms.

API reference

DatePicker uses this package's Popover, which wraps Base UI Popover. Use the Base UI API reference for popup positioning, portal behavior, and controlled open-state details.