§09-12Forms
日付 picker (single/range)
カレンダーから日付や期間を選んで入力する。
曜日や前後の日付を見ながら選べて、形式の入力ミスがなくなる。予約や期間指定の絞り込みなど、日付を正確に取りたい入力欄で使う。
実装のポイント
日付は「年-月-日」の文字列か UTC 0 時で持ち、タイムゾーンによる日ずれを防ぐ。範囲選択では開始と終了の 2 クリックとホバー中の仮範囲表示を用意する。
- 特徴
- 状態管理
- デモで使っているもの
- lucide-react
§09-12Forms
カレンダーから日付や期間を選んで入力する。
曜日や前後の日付を見ながら選べて、形式の入力ミスがなくなる。予約や期間指定の絞り込みなど、日付を正確に取りたい入力欄で使う。
日付は「年-月-日」の文字列か UTC 0 時で持ち、タイムゾーンによる日ずれを防ぐ。範囲選択では開始と終了の 2 クリックとホバー中の仮範囲表示を用意する。