MonthGroup

The MonthGroup components renders all the visible calendar Month components.

Example

() => {
  function MonthGroupExample() {
    const { createDate } = useDateAPI()
    const visibleFromDate = createDate()
    return <MonthGroup visibleFromDate={visibleFromDate} />
  }
  return (
    <CalendarProvider
      adapter={dateAdapter}
      numOfVisibleMonths={2}
      numOfColumns={2}
    >
      <MonthGroupExample />
    </CalendarProvider>
  )
}

Props

Importing

It can be imported as either the base component

import { MonthGroup } from "@use-date-input/core";

or as an overridable component that can be replaced through the components prop in CalendarProvider.
Refer to How to replace UI components.

import { CustomisableMonthGroup } from "@use-date-input/core";

If providing your own component, it can be useful to import the base component and use it within your composition.