Website / Calendar

DatePicker

Selects a date through a calendar interface.

Live example

Choose a launch date from the calendar popover.

Interactive preview using local sample data. Styling is intentionally left to the consuming project.

Usage

// DatePicker usage will be documented here.

Adopt to your project

This Website → Calendar → DatePicker component provides a neutral structural starting point. Adapt local visual presentation through documented props and className without changing its semantic purpose.

Accessibility

Expose a clear label and accessible selected-date value.

API reference

API focus
Value, change callback, format, min/max dates, disabled dates.

The preview uses safe local sample data. Check the exported TypeScript types before adapting it to project data.

Installation

Full library
pnpm install:project /absolute/path/to/your-project

Planned guided selection
Website → Calendar → DatePicker