Pages
Introduction Colors & Tokens Icons
UI
Button Link Badge Notification Badge Alert Card Spinner Avatar Divider Empty State
Interactive
Modal Side Modal Dropdown Tooltip Accordion Tabs Flash Toast
Forms
Form Select Toggle Checkbox & Radio Text Fields Date & Time Fields
Layout
Navbar Sidebar Table Pagination Breadcrumbs Selector List
Utilities
Local Time

Date & Time Fields

Calendar-driven pickers writing ISO values to hidden inputs. Pass submit_on_change: true to submit the surrounding form when the value changes.

Date range field

01 Jul 2026 — 31 Jul 2026
Mo Tu We Th Fr Sa Su
= app_theme_date_range_field :start_date, :end_date,
  start_value: Date.new(2026, 7, 1), end_value: Date.new(2026, 7, 31)

Datetime field

Mo Tu We Th Fr Sa Su
:
= app_theme_datetime_field :scheduled_at, value: DateTime.new(2026, 7, 9, 9, 30)