Calendar

Last updated: October 14, 2026

Date grid built on react-day-picker — single and range selection.

Installation

npx smoothui-cli add calendar

Features

  • 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

react-day-picker