X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=examples%2Fvalue-and-defaultValue.js;h=0e1aa146286621fb12cc0456212fb6585ce44073;hb=79405d1bc30c868cdf2c4bfb3abe654d28aeb5ca;hp=404c963850b5a6972fcd697df6e3dcfcf3b79d69;hpb=96d366afb6e5b4821c87af25cfbfbc8a4eccc2d7;p=github%2Ffretlink%2Ftime-picker.git

diff --git a/examples/value-and-defaultValue.js b/examples/value-and-defaultValue.js
index 404c963..0e1aa14 100644
--- a/examples/value-and-defaultValue.js
+++ b/examples/value-and-defaultValue.js
@@ -4,37 +4,36 @@ import 'rc-time-picker/assets/index.less';
 
 import React from 'react';
 import ReactDom from 'react-dom';
-
-import GregorianCalendar from 'gregorian-calendar';
-import DateTimeFormat from 'gregorian-calendar-format';
-import zhCn from 'gregorian-calendar/lib/locale/zh_CN';
-
+import moment from 'moment';
 import TimePicker from 'rc-time-picker';
-import TimePickerLocale from 'rc-time-picker/src/locale/zh_CN';
-
-const formatter = new DateTimeFormat('HH:mm:ss');
-
-const now = new GregorianCalendar(zhCn);
-now.setTime(Date.now());
 
 const App = React.createClass({
   getInitialState() {
     return {
-      value: now,
+      value: moment(),
     };
   },
   handleValueChange(value) {
-    console.log(value && formatter.format(value));
+    console.log(value && value.format('HH:mm:ss'));
     this.setState({ value });
   },
+  clear() {
+    this.setState({
+      value: undefined,
+    });
+  },
   render() {
     return (
       <div>
-        <TimePicker formatter={formatter} locale={TimePickerLocale}
-              defaultValue={now} />
-        <TimePicker formatter={formatter} locale={TimePickerLocale}
-              value={this.state.value}
-              onChange={this.handleValueChange}/>
+        <TimePicker
+          defaultValue={this.state.value}
+          onChange={this.handleValueChange}
+        />
+        <TimePicker
+          value={this.state.value}
+          onChange={this.handleValueChange}
+        />
+        <button onClick={this.clear}>clear</button>
       </div>
     );
   },