react date picker

react datePicker를 사용하여 달력의 날짜를 클릭하면
해당 날짜의 다이어리 페이지로 넘어가도록 할 것이다

데이트 피커 설치

yarn add -D react-datepicker @types/react-datepicker

import { useState } from "react";
import DatePicker from "react-datepicker";
import "react-datepicker/dist/react-datepicker.css";

const Calendar = () => {
  const [startDate, setStartDate] = useState<Date | null>(new Date());
  return (
    <DatePicker
      selected={startDate}
      onChange={(date) => setStartDate(date)}
      inline
    />
  );
};

export default Calendar;