import React from "react";
import styles from "./index.less";
import { TimePicker } from "antd";

class Demo extends React.Component {
  state = {
    value: null
  };

  onChange = time => {
    console.log(time);
    this.setState({ value: time });
  };

  render() {
    return <TimePicker value={this.state.value} onChange={this.onChange} />;
  }
}

export default () => (
  <div className={styles.container}>
    <div id="components-time-picker-demo-value">
      <Demo />
    </div>
  </div>
);