Calendar
Inline month grid for picking a single day, bound to OrbitalDateTime.
Calendar is an inline month grid for picking a single day. Bind an Option<OrbitalDateTime> (start-of-day in your chosen DatetimeTimezone), navigate months with the header controls, or jump to today with one click. Use it directly on filters and settings panels. For a text field with an anchored calendar panel, use DatePicker instead. For the date-pickers plugin surface, import DateCalendar — it wraps this same grid.
- Inline date selection on filters and settings panels
- Month browsing with explicit day picking where no text field is needed
OrbitalDateTimeworkflows that still need a visual day grid
- Bind
valuewithCalendarBindusingOptionBind<OrbitalDateTime>. - Set
timezoneonCalendarAppearanceto control start-of-day conversion. - Read the bound
OrbitalDateTimein app code; convert at API boundaries viaToUnixSeconds/ToIso8601.
Local timezone calendar with month navigation and click-to-select behavior.
Preseed unix value highlights its calendar day on first render.
Clicking a day updates the bound unix value (rendered below for verification).
Uses UTC for value conversion and date formatting.
Fixed offset timezone (-05:00) for region-specific date semantics.
Today button jumps to the current month and selects today at start-of-day.