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;