aboutsummaryrefslogtreecommitdiffhomepage
path: root/examples/value-and-defaultValue.js
blob: c18a47f5a067e7c5a3dccfcc7b1640e6f2f9546a (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
webpackJsonp([6],{

/***/ 0:
/***/ function(module, exports, __webpack_require__) {

	module.exports = __webpack_require__(271);


/***/ },

/***/ 271:
/***/ function(module, exports, __webpack_require__) {

	'use strict';
	
	__webpack_require__(2);
	
	var _react = __webpack_require__(3);
	
	var _react2 = _interopRequireDefault(_react);
	
	var _reactDom = __webpack_require__(34);
	
	var _reactDom2 = _interopRequireDefault(_reactDom);
	
	var _moment = __webpack_require__(180);
	
	var _moment2 = _interopRequireDefault(_moment);
	
	var _rcTimePicker = __webpack_require__(181);
	
	var _rcTimePicker2 = _interopRequireDefault(_rcTimePicker);
	
	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
	
	var App = _react2.default.createClass({
	  displayName: 'App',
	  getInitialState: function getInitialState() {
	    return {
	      value: (0, _moment2.default)()
	    };
	  },
	  handleValueChange: function handleValueChange(value) {
	    console.log(value && value.format('HH:mm:ss'));
	    this.setState({ value: value });
	  },
	  clear: function clear() {
	    this.setState({
	      value: undefined
	    });
	  },
	  render: function render() {
	    return _react2.default.createElement(
	      'div',
	      null,
	      _react2.default.createElement(_rcTimePicker2.default, {
	        defaultValue: this.state.value,
	        onChange: this.handleValueChange
	      }),
	      _react2.default.createElement(_rcTimePicker2.default, {
	        value: this.state.value,
	        onChange: this.handleValueChange
	      }),
	      _react2.default.createElement(
	        'button',
	        { onClick: this.clear },
	        'clear'
	      )
	    );
	  }
	}); /* eslint no-console:0 */
	
	_reactDom2.default.render(_react2.default.createElement(App, null), document.getElementById('__react-content'));

/***/ }

});
//# sourceMappingURL=value-and-defaultValue.js.map