DatePickerInput date form input
Effect demonstration
1. Default effect
<DatePickerInput label="Waybill time" />
<WhiteSpace />
<DatePickerInput label="Waybill time" labelPosition="left" />

API
| Properties | Required | Description | Type | Default Value |
|---|---|---|---|---|
| indicatorBackgroundColor | false | Indicator background color | string | |
| itemTextStyle | false | Data row text style | TextStyle | |
| itemHeight | false | Data row height | number | |
| itemStyle | false | Data row style | ViewStyle | |
| containerStyle | false | Selector container style | ViewStyle | |
| mode | false | display mode | DateMode | |
| labelUnit | false | unit text | LabelUnit | |
| format | false | Date formatting | string | YYYY-MM-DD |
| value | false | Current date | Date | |
| onChange | false | Date modification event | (date?: Date, formatDate?: string) => void | |
| minDate | false | Minimum date | string | |
| maxDate | false | Maximum date | string | |
| title | false | Selector title | string | |
| onClose | false | Pop-up window closing event | () => void | |
| cancelText | false | Cancel button text | string | Cancel |
| okText | false | Confirm button text | string | OK |
| activeOpacity | false | Opacity when pressed | number | 0.6 |
| label | false | label text | ReactNode | |
| labelPosition | false | Label text position | top | left | top |
| required | false | Is it required | boolean | false |
| placeholder | false | Default prompt | string | Please select |
| allowClear | false | Whether to allow clearing | boolean | true |
| disabled | false | Whether to disable | boolean | false |
| brief | false | Extras | ReactNode | |
| style | false | Custom style | ViewStyle |