useCalendarProps

() => {
  const [selectedDate, setSelectedDate] = useState()
  const DateLabel = ({ selectedDate }) => {
    const { format, getDateFormat } = useDateAPI()
    const props = useCalendarProps()
    let dateLabel = 'Select A Date'
    if (selectedDate) {
      const formatter = getDateFormat(formatNames.ARIA_DAY_LABEL)
      dateLabel = format(selectedDate, formatter)
    }
    return (
      <div style={{ padding: '8px' }}>
        <i>{props.myExtraLabel}</i>
        <p>{dateLabel}</p>
      </div>
    )
  }
  return (
    <CalendarProvider
      adapter={dateAdapter}
      onCalendarChange={setSelectedDate}
      myExtraLabel={'My Calendar:'}
    >
      <DateLabel selectedDate={selectedDate} />
      <Calendar />
    </CalendarProvider>
  )
}