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 open={this.state.open} onOpen={this.setOpen} onClose={this.setOpen} />
  26       </div>
  27     );
  28   }
  29 }
  30
  31 ReactDom.render(
  32   <App />,
  33   document.getElementById('__react-content')
  34 );