import React, { useState } from "react";

import {
  DayPicker,
  type DayPickerProps,
  type PropsSingle
} from "react-day-picker";

export function Keyboard(props: DayPickerProps & PropsSingle) {
  const [selected, setSelected] = useState<Date | undefined>(undefined);
  return (
    <DayPicker
      {...props}
      selected={selected}
      onSelect={setSelected}
      mode="single"
      today={new Date(2022, 5, 10)}
    />
  );
}