React TimePicker
npm install rc-time-pickerimport TimePicker from 'rc-time-picker';
import React from 'react';
import ReactDOM from 'react-dom';
ReactDOM.render(<TimePicker />, container);| Name | Type | Default | Description |
|---|---|---|---|
| prefixCls | String | prefixCls of this component | |
| locale | Object | import from 'rc-time-picker/lib/locale/en_US' | |
| disabled | Boolean | false | whether picker is disabled |
| open | Boolean | false | current open state of picker. controlled prop |
| defaultValue | GregorianCalendar | null | default initial value |
| value | GregorianCalendar | null | current value |
| placeholder | String | '' | time input's placeholder |
| formatter | GregorianCalendarFormatter | HH:mm:ss or HH:mm or mm:ss | |
| hourOptions | Array |
hour options | |
| minuteOptions | Array |
minute options | |
| secondOptions | Array |
second options | |
| onChange | Function | null | called when select a different value |
| onOpen | Function | null | called when open picker |
| onClose | Function | null | called when close picker |
| inputClassName | String | '' | |
| placement | String | bottomLeft | one of ['left','right','top','bottom', 'topLeft', 'topRight', 'bottomLeft', 'bottomRight'] |
| transitionName | String | '' |
rc-time-picker is released under the MIT license.