[React] 日時選択ライブラリ比較
tailwindcss
react
投稿日: 2024/09/30
<input type="datetime-local">
Reactではないですが、Reactでも利用可能です。
Timezoneの機能は様々な要因で削除されているので、タイムゾーン付きの時刻を取得したいのであれば、別の入力と組み合わせる必要があります(詳しくはリンク先を参照)。
パッケージに頼らない実装は長期的なメリットですが、拡張性は劣ります。
個人的には有力な選択肢です。
react-datepicker
おそらくもっともメジャーな選択肢。
日付の選択のみで時間の選択はありません。
react-tailwindcss-datepicker
ReactとTailwindcssを使用したDatePicker。
今日などを指定できるショートカットもありますし、日付範囲だけでなく単独日付の指定も可能です。
時間の指定はありません。
react-date-picker
日付選択用のパッケージだが、react-time-pickerも別パッケージとして提供していて連携させられるみたい。
MUI X Date and Time Pickers
非常に高機能なDatePicker。
日付だけでなく時間の指定も可能です。
名前の通りMUIに依存しているので、MUIを使用しているプロジェクトでは選択肢になります。
react-dates
2022年から更新されてないので選択肢から外れそう。
react-datetime
2022年から更新されてないので選択肢から外れそう。
メンテナンスが終了したMoment.jsに依存しているのも影響が大きいです。