【React】React DatePickerの導入

ライブラリのインストール

ターミナル

npm install react-datepicker

DatePikcerを使いたいファイルに以下を記載

モジュールのimport

import DatePicker from "react-datepicker"
import "react-datepicker/dist/react-datepicker.css"

stateの定義

const today = new Date();
const [date, setDate] = useState(today);

onChange用のアロー関数定義

const getInputTextForDate = (event) => setDate(event);

DatePickerコンポーネントの呼び出し

<DatePicker
    dateFormat="yyyy/MM/dd"
    selected={date}
    onChange={getInputTextForDate}
/>