Reactで日付入力にカレンダー（DatePicker）を使う ※年をプルダウンで指定して元号も表示する - Qiita

概要 Reactで日付入力にカレンダー（DatePicker）を使う。 実装 React Datepickerを使うと楽。 サンプル ※ 年：プルダウン指定（元号付き） 月：プルダウン指定 <InputeDate /> で。 import getMonth from 'date-fns/getMonth'; import getYear from 'date-fns/getYear'; import ja from 'date-fns/locale/ja'; import React from "react"; import DatePicker, { registerLocale } from "react-datepicker"; import "react-datepicker/dist/react-datepicker.css"; // jaのロケールの設定が週頭が月曜始まりになっ