Single Date
Su
Mo
Tu
We
Th
Fr
Sa
Date Range
Su
Mo
Tu
We
Th
Fr
Sa
With Presets
Su
Mo
Tu
We
Th
Fr
Sa
Installation
CLI
Install the component using the StarUI CLI:
star add date-pickerExamples
Date Picker with Presets
Quick date selection with predefined options
Selected:
Su
Mo
Tu
We
Th
Fr
Sa
Date Range Picker
Select a start and end date for filtering or booking
Range:
Su
Mo
Tu
We
Th
Fr
Sa
Multiple Date Selection
Select multiple dates for scheduling or events
Selected: dates
Su
Mo
Tu
We
Th
Fr
Sa
API Reference
Props
| Prop | Type | Default | Description |
|---|---|---|---|
mode |
Literal['single', 'range', 'multiple'] |
'single' |
Selection mode for the date picker |
selected |
str | list[str] | None |
None |
Initially selected date(s) |
placeholder |
str |
'Pick a date' |
Placeholder text when no date is selected |
disabled |
bool |
False |
Whether the date picker is disabled |
signal |
str | Signal |
'' |
Custom signal prefix for the date picker |
with_presets |
bool |
False |
Show preset date options (Today, Tomorrow, In a week) |
cls |
str |
'' |
Additional CSS classes |