Calendar grid built entirely in Phoenix LiveView — no external JS.
Month navigation and date selection are handled server-side via phx-click.
Example
<.calendar
month={@month}
value={@selected}
on_prev="prev-month"
on_next="next-month"
on_select="pick-date"
/>Pass "YYYY-MM" for month and "YYYY-MM-DD" for value, min, max.
Summary
Functions
Attributes
value(:string) - Selected date (YYYY-MM-DD) or nil. Defaults tonil.month(:string) - Month in view (YYYY-MM). Defaults to current month. Defaults tonil.on_select(:any) - phx-click event name or JS command for day selection. Defaults tonil.on_prev(:any) - phx-click event name for previous month. Defaults tonil.on_next(:any) - phx-click event name for next month. Defaults tonil.min(:string) - Earliest selectable date (YYYY-MM-DD). Defaults tonil.max(:string) - Latest selectable date (YYYY-MM-DD). Defaults tonil.class(:string) - Defaults tonil.- Global attributes are accepted.