import DatePicker from '..';
import React from 'react';
import ReactDOM from 'react-dom';
import moment from 'moment';
moment.locale('zh-cn');
const { RangePicker, MonthPicker, YearPicker, WeekPicker } = DatePicker;
const onChange = val => console.log(val);
ReactDOM.render(
  <div>
    <DatePicker onChange={onChange} /> <br />
    <br />
    <WeekPicker onChange={onChange} /> <br />
    <br />
    <MonthPicker onChange={onChange} /> <br />
    <br />
    <YearPicker onChange={onChange} /> <br />
    <br />
    <RangePicker onChange={onChange} />
    <br />
    <br />
    <RangePicker type="month" onChange={onChange} />
    <br />
    <br />
    <RangePicker type="year" onChange={onChange} />
    <br />
    <br />
    <div style={{ background: '#f3f3f3', padding: '10px' }}>
      <DatePicker onChange={onChange} theme='grey'/> <br />
      <br />
      <WeekPicker theme='grey' onChange={onChange} /> <br />
      <br />
      <MonthPicker theme='grey' onChange={onChange} /> <br />
      <br />
      <YearPicker theme='grey' onChange={onChange} /> <br />
      <br />
      <RangePicker theme='grey' onChange={onChange} />
      <br />
      <br />
      <RangePicker theme='grey' type="month" onChange={onChange} />
      <br />
      <br />
      <RangePicker theme='grey' type="year" onChange={onChange} />
    </div>
  </div>,
  document.getElementById('date-picker-demo-1'),
);
