react-day-picker/examples/Start.tsx

import React, { useState } from "react";

import { DayPicker } from "react-day-picker";

export function Start() {
  const [selected, setSelected] = useState<Date>();

  return (
    <DayPicker
      mode="single"
      selected={selected}
      onSelect={setSelected}
      footer={
        selected ? `Selected: ${selected.toLocaleDateString()}` : "Pick a day."
      }
    />
  );
}