Function CalendarGridHeader

packages/react-aria-components/src/Calendar.tsx:550–568

(
  props: CalendarGridHeaderProps,
  ref: ForwardedRef<HTMLTableSectionElement>
)

}

function CalendarGridHeader(
  props: CalendarGridHeaderProps,
  ref: ForwardedRef<HTMLTableSectionElement>
) {
  let {children, style, className} = props;
  let {headerProps, weekDays} = useContext(InternalCalendarGridContext)!;
  let DOMProps = filterDOMProps(props, {global: true});

  return (
    <dom.thead
      render={props.render}
      {...mergeProps(DOMProps, headerProps)}
      ref={ref}
      style={style}
      className={className ?? 'react-aria-CalendarGridHeader'}>
      <tr>{weekDays.map((day, key) => React.cloneElement(children(day), {key}))}</tr>
    </dom.thead>
  );
}

/**
 * A calendar grid header displays a row of week day names at the top of a month.