CheInputDate

日付入力コンポーネントです。カレンダーピッカー付き。

表示

<CheInputDate value={value} placeholder="年/月/日" onChange={setValue} />

<CheInputDate placeholder="年/月/日" />

<CheInputDate defaultValue="2025-01-15" disabled />

<CheInputDate defaultValue="2025-01-15" invalid />

<CheInputDate
  value={value}
  onChange={setValue}
  minDate={new Date(2025, 0, 1)}
  maxDate={new Date(2025, 11, 31)}
/>

すべてのパターンはカタログページを参照してください。

属性	詳細	型	デフォルト	必須
value	値（YYYY-MM-DD）	string	-	No (Controlled モードでのみ必須)
defaultValue	Uncontrolledモードでの初期値	string	-	No
onChange	日付選択時のハンドラー	(value: string) => void	-	No (Controlled モードでのみ必須)
invalid	エラー状態	boolean	false	No
disabled	無効状態	boolean	false	No
placeholder	プレースホルダー	string	”年/月/日”	No
className	追加 CSS クラス	string	undefined	No
minDate	選択可能な最小日付	Date	undefined	No
maxDate	選択可能な最大日付	Date	undefined	No

CheInputDate の内部で使用されるカレンダーピッカーコンポーネントです。基本的にCheInputDateの中で使用される前提なのでpropsなどの説明はありません。使い方はCheInputDateを参考にしてください

日

月

火

水

木

金

土