]>
Commit | Line | Data |
---|---|---|
1 | /* eslint no-console:0 */ | |
2 | ||
3 | import 'rc-time-picker/assets/index.less'; | |
4 | ||
5 | import React from 'react'; | |
6 | import ReactDom from 'react-dom'; | |
7 | import TimePicker from 'rc-time-picker'; | |
8 | ||
9 | class App extends React.Component { | |
10 | state = { | |
11 | open: false, | |
12 | }; | |
13 | setOpen = ({ open }) => { | |
14 | this.setState({ open }); | |
15 | } | |
16 | toggleOpen = () => { | |
17 | this.setState({ | |
18 | open: !this.state.open, | |
19 | }); | |
20 | } | |
21 | render() { | |
22 | return ( | |
23 | <div> | |
24 | <button onClick={this.toggleOpen}>Toggle open</button> | |
25 | <TimePicker | |
26 | open={this.state.open} | |
27 | onOpen={this.setOpen} | |
28 | onClose={this.setOpen} | |
29 | focusOnOpen | |
30 | /> | |
31 | </div> | |
32 | ); | |
33 | } | |
34 | } | |
35 | ||
36 | ReactDom.render( | |
37 | <App />, | |
38 | document.getElementById('__react-content') | |
39 | ); |