Calendar
Last updated: October 14, 2026
Date grid built on react-day-picker — single and range selection.
Installation
npx smoothui-cli add calendarFeatures
- Single and range modes via
react-day-picker - SmoothUI surface tokens for selected / today / outside days
- Compose with Popover for a date-picker field
- Delphi Calendar / Astryx Date* as visual refs
States
Features
Single date selection.
Range
Inclusive date range.
Accessibility
DayPicker exposes a grid with keyboard navigation. Prefer a visible label when embedding.
Props
Powered by
© 2026 SmoothUI. Built by Eduardo Calvo.