Week

The Week components renders a week, as a row of Day components based on the current Calendar state.

Example

() => {
  const { addDays, createDate } = dateAdapter()
  const today = createDate()
  const days = Array(7)
    .fill(0)
    .reduce((result, day, dayIndex) => {
      return [...result, addDays(today, dayIndex)]
    }, [])
  return (
    <CalendarProvider adapter={dateAdapter}>
      <Week days={days} parentMonth={today} />
    </CalendarProvider>
  )
}

Props

Importing

It can be imported as either the base component

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