prefixCls | String | rc-picker | prefixCls of this component |
className | String | '' | additional css class of root dom |
style | React.CSSProperties | | additional style of root dom node |
locale | Object | import from 'rc-picker/lib/locale/en_US' | rc-picker locale |
value | moment | | current value like input's value |
defaultValue | moment | | defaultValue like input's defaultValue |
defaultPickerValue | moment | | Set default display picker view date |
separator | String | '~' | set separator between inputs |
picker | time | date | week | month | year | | control which kind of panel |
placeholder | [String, String] | | placeholder of date input |
showTime | Boolean | Object | showTime options | to provide an additional time selection |
showTime.defaultValue | [moment, moment] | | to set default time of selected date |
use12Hours | Boolean | false | 12 hours display mode |
disabledTime | Function(date: moment, type:'start'|'end'):Object | | |
ranges | { String | [range: string]: moment[] } | { [range: string]: () => moment[] } | | preseted ranges for quick selection |
format | String | String[] | depends on whether you set timePicker and your locale | use to format/parse date(without time) value to/from input. When an array is provided, all values are used for parsing and first value for display |
allowEmpty | [Boolean, Boolean] | | allow range picker clearing text |
selectable | [Boolean, Boolean] | | whether to selected picker |
disabled | Boolean | false | whether the range picker is disabled |
onChange | Function(value:[moment], formatString: [string, string]) | | a callback function, can be executed when the selected time is changing |
onCalendarChange | Function(value:[moment], formatString: [string, string]) | | a callback function, can be executed when the start time or the end time of the range is changing |
direction | String: ltr or rtl | | Layout direction of picker component, it supports RTL direction too. |
order | Boolean | true | (TimeRangePicker only) false to disable auto order |
order | Boolean | true | (TimeRangePicker only) false to disable auto order |
disabledPickerStartDate | Function(startDate: moment):boolean | | disable start date |
disabledPickerEndDate | Function(endDate: moment):boolean | | disable end date |