Calendar
A date picker component with organic styling and smooth interactions.
Basic Usage
Today's date is marked with a subtle rounded border indicator.
Selected: 1/21/2026
Range Selection
Date range with continuous, seamless selection highlighting.
From: 1/21/2026 - To: 1/28/2026
Range Selection (Single Month)
Compact range selection within a single month view.
With cell gap (default)
Seamless (continuous)
From: 1/23/2026 - To: 1/26/2026
Multiple Selection
Selected: 1/21/2026, 1/23/2026, 1/26/2026
With Week Numbers
Disabled Dates
Past dates and weekends are disabled
Multiple Months
Date Picker
Calendar integrated with a popover and input trigger for a complete date picker experience.