1 files changed, 12 insertions, 14 deletions
diff --git a/examples/open.html b/examples/open.html
index 7b1c639..4acdd0f 100644
--- a/examples/open.html
+++ b/examples/open.html
@@ -2,7 +2,7 @@
 <html>
 <head>
-  <title>open.js - example - rc-time-picker@2.3.3</title>
+  <title>open.js - example - rc-time-picker@2.3.4</title>
  <meta name="viewport"
        content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
  <meta charset="utf-8"/>
@@ -263,7 +263,7 @@ Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-lic
 <body>
  <div class="container">
    <div class="header">
-      <h1>rc-time-picker@2.3.3</h1>
+      <h1>rc-time-picker@2.3.4</h1>
      <p>React TimePicker</p>
    </div>
@@ -277,20 +277,18 @@ Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-lic
 <span class="hljs-keyword">import</span> ReactDom <span class="hljs-keyword">from</span> <span class="hljs-string">'react-dom'</span>;
 <span class="hljs-keyword">import</span> TimePicker <span class="hljs-keyword">from</span> <span class="hljs-string">'rc-time-picker'</span>;
-<span class="hljs-keyword">const</span> App = React.createClass({
+<span class="hljs-class"><span class="hljs-keyword">class</span> <span class="hljs-title">App</span> <span class="hljs-keyword">extends</span> <span class="hljs-title">React</span>.<span class="hljs-title">Component</span> </span>{
-  getInitialState() {
+  state = {
-    <span class="hljs-keyword">return</span> {
+    open: <span class="hljs-literal">false</span>,
-      open: <span class="hljs-literal">false</span>,
+  };
-    };
+  setOpen = ({ open }) =&gt; {
-  },
-  setOpen({ open }) {
    <span class="hljs-keyword">this</span>.setState({ open });
-  },
+  }
-  toggleOpen() {
+  toggleOpen = () =&gt; {
    <span class="hljs-keyword">this</span>.setState({
      open: !<span class="hljs-keyword">this</span>.state.open,
    });
-  },
+  }
  render() {
    <span class="hljs-keyword">return</span> (
      <span class="xml"><span class="hljs-tag">&lt;<span class="hljs-title">div</span>&gt;</span>
@@ -298,8 +296,8 @@ Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-lic
        <span class="hljs-tag">&lt;<span class="hljs-title">TimePicker</span> <span class="hljs-attribute">open</span>=<span class="hljs-value">{this.state.open}</span> <span class="hljs-attribute">onOpen</span>=<span class="hljs-value">{this.setOpen}</span> <span class="hljs-attribute">onClose</span>=<span class="hljs-value">{this.setOpen}</span> /&gt;</span>
      <span class="hljs-tag">&lt;/<span class="hljs-title">div</span>&gt;</span>
    )</span>;
-  },
+  }
-});
+}
 ReactDom.render(
  <span class="xml"><span class="hljs-tag">&lt;<span class="hljs-title">App</span> /&gt;</span>,