37 lines
875 B
JavaScript
37 lines
875 B
JavaScript
import React from 'react';
|
|
import DatePicker from '../../components/date_picker';
|
|
import TimePicker from '../../components/time_picker';
|
|
|
|
const datetime = new Date(1995, 11, 17);
|
|
datetime.setHours(17);
|
|
datetime.setMinutes(28);
|
|
|
|
class PickersTest extends React.Component {
|
|
|
|
handleDatePickerChange = (date) => {
|
|
console.log('handleDatePickerChange', date);
|
|
};
|
|
|
|
handleTimePickerChange = (time) => {
|
|
console.log('handleTimePickerChange', time);
|
|
};
|
|
|
|
render () {
|
|
return (
|
|
<section>
|
|
<h5>Pickers</h5>
|
|
<p>Date pickers and time pickers with Material flavour.</p>
|
|
|
|
<DatePicker onChange={this.handleDatePickerChange}/>
|
|
<DatePicker value={datetime} />
|
|
|
|
<TimePicker onChange={this.handleTimePickerChange}/>
|
|
<TimePicker value={datetime} format='ampm' />
|
|
</section>
|
|
);
|
|
}
|
|
|
|
}
|
|
|
|
export default PickersTest;
|