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 Support Button
Forms
Form Select Toggle Checkbox & Radio Text Fields Date & Time Fields
Layout
Navbar Sidebar Table Pagination Breadcrumbs Selector List
Utilities
Local Time
app_theme v1.39.1

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)