Month

The Month components renders a calendar month.

In the default implementation, MonthGroup is the parent of Month.

Example

() => {
  function MonthExample() {
    const { createDate } = useDateAPI()
    const month = createDate()
    return <Month month={month} />
  }
  return (
    <CalendarProvider adapter={dateAdapter}>
      <MonthExample />
    </CalendarProvider>
  )
}

Props

Importing

It can be imported as either the base component

import { Month } 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 { CustomisableMonth } 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.