Function CalendarGrid

packages/react-aria/stories/calendar/Example.tsx:81–114

({
  state,
  visibleDuration,
  offset = {}
}: {
  state: CalendarState | RangeCalendarState;
  visibleDuration: DateDuration;
  offset?: DateDuration;
})

}

function CalendarGrid({
  state,
  visibleDuration,
  offset = {}
}: {
  state: CalendarState | RangeCalendarState;
  visibleDuration: DateDuration;
  offset?: DateDuration;
}) {
  let {locale} = useLocale();
  let {gridProps, weeksInMonth} = useCalendarGrid({}, state);

  let weeks = visibleDuration.weeks ?? 1;
  let startDate = state.visibleRange.start.add(offset);
  if (visibleDuration.months) {
    weeks = weeksInMonth;
    startDate = startOfWeek(startDate, locale);
  }
  return (
    <div {...gridProps}>
      {[...new Array(weeks).keys()].map(weekIndex => (
        <div key={weekIndex} role="row">
          {[...new Array(visibleDuration.days ?? 7).keys()].map(dayIndex => (
            <Cell
              key={dayIndex}
              state={state}
              date={startDate.add({weeks: weekIndex, days: dayIndex})}
            />
          ))}
        </div>
      ))}
    </div>
  );
}

function Cell(props) {
  let ref = useRef<HTMLSpanElement | null>(null);