2 files changed, 36 insertions, 0 deletions

diff --git a/examples/open.html b/examples/open.html
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/examples/open.html
diff --git a/examples/open.js b/examples/open.js
new file mode 100644
index 0000000..5a0d1ed
--- /dev/null
+++ b/examples/open.js
@@ -0,0 +1,36 @@
+/* eslint no-console:0 */
+
+import 'rc-time-picker/assets/index.less';
+
+import React from 'react';
+import ReactDom from 'react-dom';
+import TimePicker from 'rc-time-picker';
+
+const App = React.createClass({
+  getInitialState() {
+    return {
+      open: false,
+    };
+  },
+  toggleOpen() {
+    this.setState({
+      open: !this.state.open,
+    });
+  },
+  setOpen({ open }) {
+    this.setState({ open });
+  },
+  render() {
+    return (
+      <div>
+        <button onClick={this.toggleOpen}>Toggle open</button>
+        <TimePicker open={this.state.open} onOpen={this.setOpen} onClose={this.setOpen} />
+      </div>
+    );
+  },
+});
+
+ReactDom.render(
+  <App />,
+  document.getElementById('__react-content')
+);