Skip to main content

DatePickerInput date form input

Effect demonstration

1. Default effect

<DatePickerInput label="Waybill time" />
<WhiteSpace />
<DatePickerInput label="Waybill time" labelPosition="left" />

API

PropertiesRequiredDescriptionTypeDefault Value
indicatorBackgroundColorfalseIndicator background colorstring
itemTextStylefalseData row text styleTextStyle
itemHeightfalseData row heightnumber
itemStylefalseData row styleViewStyle
containerStylefalseSelector container styleViewStyle
modefalsedisplay modeDateMode
labelUnitfalseunit textLabelUnit
formatfalseDate formattingstringYYYY-MM-DD
valuefalseCurrent dateDate
onChangefalseDate modification event(date?: Date, formatDate?: string) => void
minDatefalseMinimum datestring
maxDatefalseMaximum datestring
titlefalseSelector titlestring
onClosefalsePop-up window closing event() => void
cancelTextfalseCancel button textstringCancel
okTextfalseConfirm button textstringOK
activeOpacityfalseOpacity when pressednumber0.6
labelfalselabel textReactNode
labelPositionfalseLabel text positiontop | lefttop
requiredfalseIs it requiredbooleanfalse
placeholderfalseDefault promptstringPlease select
allowClearfalseWhether to allow clearingbooleantrue
disabledfalseWhether to disablebooleanfalse
brieffalseExtrasReactNode
stylefalseCustom styleViewStyle