Skip to main content

DatePickerItem - Date list form input

Effect demonstration

1. Default effect

<DatePickerItem />

2. Effect in form

<FormListItem title="Select date" arrow="horizontal" name="date1" required rules={[{ required: true, message: 'Please choose date' }]}>
<DatePickerItem />
</FormListItem>

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
placeholderfalseDefault promptstringPlease select
allowClearfalseWhether to allow clearingbooleantrue
disabledfalseWhether to disablebooleanfalse
stylefalseCustom styleViewStyle
activeOpacityfalseOpacity when pressednumber0.6