Calendar
A date picker component with intuitive date selection.
When To Use
Use the Calendar component when you need to allow users to select dates or date ranges. It's useful for:
- Selecting a single date (e.g., appointments, events)
- Selecting date ranges (e.g., hotel bookings, report periods)
- Displaying important dates or events
- Form inputs that require date selection
- Scheduling interfaces
The Calendar component provides an intuitive way to browse and select dates with various customization options.
Examples
Selected range: Sat Nov 08 2025 to Sat Nov 15 2025
Selected dates: Sat Nov 08 2025
Selected: Sat Nov 08 2025