10 npm install rc-time-picker
17 import TimePicker from 'rc-time-picker';
18 import React from 'react';
19 import ReactDOM from 'react-dom';
20 ReactDOM.render(<TimePicker />, container);
28 | Name | Type | Default | Description |
29 |---------------|----------------------------|-----------------------------------------------|-----------------------------------------------|
30 | prefixCls | String | | prefixCls of this component |
31 | locale | Object | import from 'rc-time-picker/lib/locale/en_US' | |
32 | disabled | Boolean | false | whether picker is disabled |
33 | open | Boolean | false | current open state of picker. controlled prop |
34 | value | GregorianCalendar | null | current value like input's value |
35 | placeholder | String | '' | time input's placeholder |
36 | formatter | GregorianCalendarFormatter | HH:mm:ss or HH:mm or mm:ss | |
37 | hourOptions | Array<String> | hour options | |
38 | minuteOptions | Array<String> | minute options | |
39 | secondOptions | Array<String> | second options | |
40 | onChange | Function | null | called when select a different value |
41 | onOpen | Function | null | called when open picker |
42 | onClose | Function | null | called when close picker |
47 rc-time-picker is released under the MIT license.