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 17:07:14 +03:00
|
|
|
handleDatePickerChange = (date) => {
|
|
|
|
console.log('handleDatePickerChange', date);
|
|
|
|
};
|
|
|
|
|
|
|
|
handleTimePickerChange = (time) => {
|
|
|
|
console.log('handleTimePickerChange', time);
|
2015-11-10 16:27:00 +03:00
|
|
|
};
|
|
|
|
|
|
|
|
render () {
|
|
|
|
return (
|
|
|
|
<section>
|
|
|
|
<h5>Pickers</h5>
|
|
|
|
<p>Date pickers and time pickers with Material flavour.</p>
|
|
|
|
|
|
|
|
<DatePicker onChange={this.handleDatePickerChange}/>
|
|
|
|
<DatePicker value={datetime} />
|
|
|
|
|
2015-11-10 17:07:14 +03:00
|
|
|
<TimePicker onChange={this.handleTimePickerChange}/>
|
2015-11-10 16:27:00 +03:00
|
|
|
<TimePicker value={datetime} format='ampm' />
|
|
|
|
</section>
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
2015-10-11 22:17:12 +03:00
|
|
|
|
2015-10-20 08:40:51 +03:00
|
|
|
export default PickersTest;
|