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(React.createElement("div", null,
    React.createElement(DatePicker, { onChange: onChange }),
    " ",
    React.createElement("br", null),
    React.createElement("br", null),
    React.createElement(WeekPicker, { onChange: onChange }),
    " ",
    React.createElement("br", null),
    React.createElement("br", null),
    React.createElement(MonthPicker, { onChange: onChange }),
    " ",
    React.createElement("br", null),
    React.createElement("br", null),
    React.createElement(YearPicker, { onChange: onChange }),
    " ",
    React.createElement("br", null),
    React.createElement("br", null),
    React.createElement(RangePicker, { onChange: onChange }),
    React.createElement("br", null),
    React.createElement("br", null),
    React.createElement(RangePicker, { type: "month", onChange: onChange }),
    React.createElement("br", null),
    React.createElement("br", null),
    React.createElement(RangePicker, { type: "year", onChange: onChange }),
    React.createElement("br", null),
    React.createElement("br", null),
    React.createElement("div", { style: { background: '#f3f3f3', padding: '10px' } },
        React.createElement(DatePicker, { onChange: onChange, theme: 'grey' }),
        " ",
        React.createElement("br", null),
        React.createElement("br", null),
        React.createElement(WeekPicker, { theme: 'grey', onChange: onChange }),
        " ",
        React.createElement("br", null),
        React.createElement("br", null),
        React.createElement(MonthPicker, { theme: 'grey', onChange: onChange }),
        " ",
        React.createElement("br", null),
        React.createElement("br", null),
        React.createElement(YearPicker, { theme: 'grey', onChange: onChange }),
        " ",
        React.createElement("br", null),
        React.createElement("br", null),
        React.createElement(RangePicker, { theme: 'grey', onChange: onChange }),
        React.createElement("br", null),
        React.createElement("br", null),
        React.createElement(RangePicker, { theme: 'grey', type: "month", onChange: onChange }),
        React.createElement("br", null),
        React.createElement("br", null),
        React.createElement(RangePicker, { theme: 'grey', type: "year", onChange: onChange }))), document.getElementById('date-picker-demo-1'));
