useDateAPI

() => {
  // import { useState } from "react";
  // import { formatNames } from '@use-date-input/common';
  // import { adapter as dateAdapter } from "@use-date-input/date-fns-adapter";
  // import { CalendarProvider, calendar, useDateAPI } from "@use-date-input/core";
  const [selectedDate, setSelectedDate] = useState()
  const DateLabel = ({ selectedDate }) => {
    const { format, getDateFormat } = useDateAPI()
    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}
      onCalendarChange={setSelectedDate}
    >
      <DateLabel selectedDate={selectedDate} />
      <Calendar />
    </CalendarProvider>
  )
}