# `PhiaUi.Components.MultiMonthCalendar`
[🔗](https://github.com/charlenopires/PhiaUI/blob/v0.1.17/lib/phia_ui/components/calendar/multi_month_calendar.ex#L1)

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"
    />

# `multi_month_calendar`

## 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.

---

*Consult [api-reference.md](api-reference.md) for complete listing*