Inputs
Single-date picker — composes
| Prop | Type | Default | Description |
|---|---|---|---|
| aria-describedby | string | — | — |
| aria-label | string | — | — |
| aria-labelledby | string | — | — |
| className | string | — | — |
| clearable | boolean | true | Show a clear button when there's a value. |
| closeOnSelect | boolean | true | Close the popover after the user commits a selection. |
| color | enum | — | — |
| defaultOpen | boolean | false | Uncontrolled initial open state. |
| defaultValue | Date | null | — | Uncontrolled initial value. |
| disabled | boolean | — | — |
| footer | ReactNode | — | Render below the calendar (e.g. extra actions or hints). |
| format | string | `'MM/dd/yyyy'` | Display + parse pattern. |
| inputProps | Omit<InputProps, "value" | "defaultValue" | "onChange" | "type"> | — | Props passed through to the underlying `<Input>` (e.g. `leftAddon`, `name`). |
| invalid | boolean | — | — |
| isDateDisabled | ((d: Date) => boolean) | — | Arbitrary disabled-day predicate. |
| locale | string | — | Locale — drives weekday/month names + first-day-of-week. |
| max | Date | — | Upper bound (inclusive). |
| min | Date | — | Lower bound (inclusive). |
| name | string | — | When set, an `<input type="hidden">` with the ISO-8601 value rides along for form posts. |
| numberOfMonths | number | 1 | How many months to render side-by-side. |
| onChange | ((value: Date | null) => void) | — | Fires when the selection changes (calendar click or typed input commit). |
| onOpenChange | ((open: boolean) => void) | — | Fires whenever the popover opens or closes. |
| open | boolean | — | Controlled open state. |
| parse | ((input: string) => Date | null) | — | Custom parser. Defaults to `parseDateFormat(input, format, locale)`. |
| placeholder | string | — | Placeholder shown in the `<Input>`. Defaults to the `format` itself. |
| placement | enum | 'bottom-start' | — |
| presets | DatePickerPreset[] | — | Optional preset rail (e.g. "Today", "Tomorrow"). Hidden when empty. |
| readOnly | boolean | — | — |
| required | boolean | — | — |
| showTriggerIcon | boolean | true | Show the calendar-icon trigger inside the input. |
| showWeekNumbers | boolean | false | Show the ISO week-number gutter. |
| size | enum | — | — |
| style | CSSProperties | — | — |
| translations | Partial<CalendarTranslations> | — | — |
| value | Date | null | — | Controlled value. Pair with `onChange`. |
| variant | enum | — | — |
| weekStartsOn | enum | — | Override the locale-driven first day of week. |