1
0
mirror of https://github.com/ascribe/onion.git synced 2024-12-23 09:50:31 +01:00
onion/js/components/ascribe_forms/input_date.js

48 lines
1.0 KiB
JavaScript
Raw Normal View History

'use strict';
2015-06-01 13:02:53 +02:00
import React from 'react';
import DatePicker from 'react-datepicker/dist/react-datepicker';
2015-06-01 13:02:53 +02:00
let InputDate = React.createClass({
propTypes: {
submitted: React.PropTypes.bool,
2015-08-06 10:58:09 +02:00
placeholderText: React.PropTypes.string,
onChange: React.PropTypes.func
},
2015-06-01 13:02:53 +02:00
getInitialState() {
return {
2015-07-15 14:48:51 +02:00
value: null
2015-06-01 13:02:53 +02:00
};
},
2015-06-01 14:49:13 +02:00
handleChange(date) {
2015-07-15 14:48:51 +02:00
let formattedDate = date.format('YYYY-MM-DD');
2015-06-02 18:43:37 +02:00
this.setState({
2015-07-15 14:48:51 +02:00
value: formattedDate,
value_moment: date
});
this.props.onChange({
target: {
value: formattedDate
}
});
2015-06-01 13:02:53 +02:00
},
2015-06-01 14:49:13 +02:00
2015-06-01 13:02:53 +02:00
render: function () {
return (
2015-07-29 14:49:36 +02:00
<div>
2015-06-02 18:43:37 +02:00
<DatePicker
dateFormat="YYYY-MM-DD"
2015-07-15 14:48:51 +02:00
selected={this.state.value_moment}
2015-06-02 18:43:37 +02:00
onChange={this.handleChange}
placeholderText={this.props.placeholderText}/>
</div>
2015-06-01 13:02:53 +02:00
);
}
});
2015-06-01 14:49:13 +02:00
export default InputDate;