Date Pickers

Date pickers with flexible selection modes. Install via CLI or copy the code into your project.

Single

A standard calendar picker for selecting a single date.

Standard calendar date picker

npx @abhivarde/syncui@latest add datepickers/single

Range

Select a start and end date for a date range.

Select start and end dates

npx @abhivarde/syncui@latest add datepickers/range

With Presets

Quick select with preset date range options.

Quick select with preset options

npx @abhivarde/syncui@latest add datepickers/presets

With Time

Combined date and time selection with hours, minutes, and AM/PM.

Combined date and time selection

npx @abhivarde/syncui@latest add datepickers/with-time

On this page

Buy me a coffee
Star