Date Picker

A date picker component with popover calendar for selecting dates.

Single Date

Date Range

With Presets

Installation

CLI

Install the component using the StarUI CLI:

star add date-picker

Examples

Date Picker with Presets

Quick date selection with predefined options

Selected:

Date Range Picker

Select a start and end date for filtering or booking

Range:

Multiple Date Selection

Select multiple dates for scheduling or events

Selected: dates

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