2015-10-11 20:07:09 +03:00
|
|
|
import React from 'react';
|
2015-09-21 11:01:52 +03:00
|
|
|
import DatePicker from '../../components/date_picker';
|
2015-10-11 22:17:12 +03:00
|
|
|
import TimePicker from '../../components/time_picker';
|
2015-09-21 11:01:52 +03:00
|
|
|
|
2015-11-10 16:27:00 +03:00
|
|
|
const datetime = new Date(1995, 11, 17);
|
|
|
|
datetime.setHours(17);
|
|
|
|
datetime.setMinutes(28);
|
|
|
|
|
|
|
|
class PickersTest extends React.Component {
|
2015-11-10 23:39:47 +03:00
|
|
|
state = {
|
2015-11-11 03:29:42 +03:00
|
|
|
date2: datetime,
|
2015-11-10 23:39:47 +03:00
|
|
|
time2: datetime
|
|
|
|
};
|
2015-11-10 16:27:00 +03:00
|
|
|
|
2015-11-11 03:29:42 +03:00
|
|
|
handleChange = (item, value) => {
|
2015-11-10 23:39:47 +03:00
|
|
|
const newState = {};
|
|
|
|
newState[item] = value;
|
|
|
|
this.setState(newState);
|
2015-11-10 16:27:00 +03:00
|
|
|
};
|
|
|
|
|
|
|
|
render () {
|
|
|
|
return (
|
|
|
|
<section>
|
|
|
|
<h5>Pickers</h5>
|
|
|
|
<p>Date pickers and time pickers with Material flavour.</p>
|
|
|
|
|
2015-11-11 03:29:42 +03:00
|
|
|
<DatePicker value={this.state.date1} onChange={this.handleChange.bind(this, 'date1')} />
|
|
|
|
<DatePicker value={this.state.date2} onChange={this.handleChange.bind(this, 'date2')} />
|
2015-11-10 16:27:00 +03:00
|
|
|
|
2015-11-11 03:29:42 +03:00
|
|
|
<TimePicker value={this.state.time1} onChange={this.handleChange.bind(this, 'time1')} />
|
|
|
|
<TimePicker value={this.state.time2} format='ampm' onChange={this.handleChange.bind(this, 'time2')} />
|
2015-11-10 16:27:00 +03:00
|
|
|
</section>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
2015-10-11 22:17:12 +03:00
|
|
|
|
2015-10-20 08:40:51 +03:00
|
|
|
export default PickersTest;
|