PhiaUi.Components.MultiMonthCalendar (phia_ui v0.1.17)

Copy Markdown View Source

Airbnb-style multi-month calendar showing 2 or 3 months side by side.

Unlike DateRangePicker (two calendars in a popover), MultiMonthCalendar is always visible. The range band extends across months — range_start can be in month N while range_end is in month N+1.

Example

<.multi_month_calendar
  year={2026}
  month={3}
  months_count={2}
  range_start={@from}
  range_end={@to}
  on_select="pick_date"
  on_prev="prev"
  on_next="next"
/>

Summary

Functions

multi_month_calendar(assigns)

Functions

multi_month_calendar(assigns)

Attributes

  • year (:integer) (required)
  • month (:integer) (required)
  • months_count (:integer) - Defaults to 2. Must be one of 2, or 3.
  • range_start (:any) - Defaults to nil.
  • range_end (:any) - Defaults to nil.
  • on_select (:string) - Defaults to nil.
  • on_prev (:string) - Defaults to nil.
  • on_next (:string) - Defaults to nil.
  • first_day (:atom) - Defaults to :sun. Must be one of :sun, or :mon.
  • class (:string) - Defaults to nil.
  • Global attributes are accepted.