examples/open.js

   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 );