WarekiPicker
和暦の日付を西暦に変換する機能と和暦をプレビューする機能をもった入力要素です。
例えば、「令和4年12月3日」という日付を入力欄に貼り付けると「2022-12-03」に変換する機能を備えています。
使用上の注意
和暦を西暦に変換できることを明示する
コンポーネントの見た目からは和暦変換できることがわからないため、和暦変換できることをラベルや説明文を使って明示してください。
Props
disabled
false true
フォームを無効にするかどうか
name
string
input 要素の name 属性の値
placeholder非推奨
string
@deprecated placeholder属性は非推奨です。別途ヒント用要素を設置するか、それらの領域を確保出来ない場合はTooltipコンポーネントの利用を検討してください。
value
string
input 要素の value 属性の値
width
string number
コンポーネントの幅
from
Date
選択可能な期間の開始日
to
Date
選択可能な期間の終了日
error
false true
フォームにエラーがあるかどうか
parseInput
(input: string) => Date
入力を独自にパースする場合に、パース処理を記述する関数
formatDate
(date: Date) => string
表示する日付を独自にフォーマットする場合に、フォーマット処理を記述する関数
onChangeDate
(date: Date, value: string, other: { errors: string[]; }) => void
選択された日付が変わった時に発火するコールバック関数