useCalendarState

() => {
  const DateLabel = () => {
    const { format, getDateFormat } = useDateAPI()
    const { startDate: selectedDate } = useCalendarState()
    let dateLabel = 'Select A Date'
    if (selectedDate) {
      const formatter = getDateFormat(formatNames.ARIA_DAY_LABEL)
      dateLabel = format(selectedDate, formatter)
    }
    return <p style={{ padding: '8px' }}>{dateLabel}</p>
  }
  return (
    <CalendarProvider adapter={dateAdapter}>
      <DateLabel />
      <Calendar />
    </CalendarProvider>
  )
}