X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=examples%2Fvalue-and-defaultValue.js;h=0e1aa146286621fb12cc0456212fb6585ce44073;hb=71c3a19635d989f1ed99119bf230856d9faeef21;hp=67771c0a97c23621b6a7133c0cd384c306130d37;hpb=d360614938e1f73d1a564ca5c1d243e58ec6c187;p=github%2Ffretlink%2Ftime-picker.git

diff --git a/examples/value-and-defaultValue.js b/examples/value-and-defaultValue.js
index 67771c0..0e1aa14 100644
--- a/examples/value-and-defaultValue.js
+++ b/examples/value-and-defaultValue.js
@@ -4,40 +4,39 @@ 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>
     );
-  }
+  },
 });
 
 ReactDom.render(