import DatePicker from '..';
import React from 'react';
import ReactDOM from 'react-dom';
const { RangePicker } = DatePicker;
const onChange = val => console.log(val);

ReactDOM.render(
  <div>
    <DatePicker format="YYYY-M-D" onChange={onChange} />
    <br />
    <br />
    <DatePicker
      format="YYYY-M-D"
      onChange={onChange}
      showTime={{ format: 'HH:mm' }}
    />
    <br />
    <br />
    <RangePicker format="YYYY-M-D" onChange={onChange} />
    <br />
    <br />
    <RangePicker
      format="YYYY-M-D"
      onChange={onChange}
      showTime={{ format: 'HH:mm' }}
    />
    <br />
    <br />
    <div style={{ background: '#f3f3f3', padding: '10px' }}>
      <DatePicker format="YYYY-M-D" onChange={onChange} theme='grey' />
      <br />
      <br />
      <DatePicker
        format="YYYY-M-D"
        onChange={onChange}
        theme='grey'
        showTime={{ format: 'HH:mm' }}
      />
      <br />
      <br />
      <RangePicker format="YYYY-M-D" onChange={onChange} theme='grey'/>
      <br />
      <br />
      <RangePicker
        format="YYYY-M-D"
        onChange={onChange}
        showTime={{ format: 'HH:mm' }}
        theme='grey'
      />
    </div>
  </div>,
  document.getElementById('date-picker-demo-3'),
);
