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' | |
| defaultValue | GregorianCalendar | null | defaultValue like input's defaultValue |
| 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 input or select a different value |
| Name | Type | Default | Description |
|---|---|---|---|
| prefixCls | String | prefixCls of this component | |
| panel | TimePanel React Element | ||
| disabled | Boolean | false | whether picker is disabled |
| open | Boolean | false | current open state of picker. controlled prop |
| value | GregorianCalendar | null | current value like input's value |
| onChange | Function | null | called when select a different value |
| onOpen | Function | null | called when open picker |
| onClose | Function | null | called when close picker |
rc-time-picker is released under the MIT license.