DatePicker

処理中
ドラッグして幅を変更
ドラッグして高さを変更
処理中

Props

value
string

input 要素の value 属性の値

name
string

input 要素の name 属性の値

from
Date

選択可能な期間の開始日

to
Date

選択可能な期間の終了日

disabled
falsetrue

フォームを無効にするかどうか

placeholder非推奨
string

@deprecated placeholder属性は非推奨です。別途ヒント用要素を設置するか、それらの領域を確保出来ない場合はTooltipコンポーネントの利用を検討してください。

error
falsetrue

フォームにエラーがあるかどうか

width
stringnumber

コンポーネントの幅

className
string

コンポーネントに適用するクラス名

parseInput
(input: string) => Date

入力を独自にパースする場合に、パース処理を記述する関数

formatDate
(date: Date) => string

表示する日付を独自にフォーマットする場合に、フォーマット処理を記述する関数

showAlternative
(date: Date) => ReactNode

入出力用文字列と併記する別フォーマット処理を記述する関数

onChangeDate
(date: Date, value: string, other: { errors: string[]; }) => void

選択された日付が変わった時に発火するコールバック関数