import DatePicker2 from '..';
import React from 'react';
import ReactDOM from 'react-dom';
const { RangePicker } = DatePicker2;
const onChange = (date, dateStr) => console.log(date, dateStr);
const App = () => (React.createElement("div", { className: "app" },
    React.createElement("div", null,
        React.createElement(RangePicker, { onChange: onChange })),
    React.createElement("div", null,
        React.createElement(RangePicker, { placeholder: ['开始月', '结束月'], mode: "month", onChange: onChange })),
    React.createElement("div", null,
        React.createElement(RangePicker, { placeholder: ['开始年', '结束年'], mode: "year", onChange: onChange })),
    React.createElement("div", null,
        React.createElement(RangePicker, { placeholder: ['开始周', '结束周'], mode: "week", onChange: onChange })),
    React.createElement("div", null,
        React.createElement(RangePicker, { placeholder: ['开始季度', '结束季度'], mode: "quarter", onChange: onChange })),
    React.createElement("br", null),
    React.createElement("br", null),
    React.createElement("div", { style: { backgroundColor: '#f3f3f3', padding: '10px' } },
        React.createElement("div", null,
            React.createElement(RangePicker, { theme: 'grey', onChange: onChange })),
        React.createElement("br", null),
        React.createElement("div", null,
            React.createElement(RangePicker, { theme: 'grey', placeholder: ['开始月', '结束月'], mode: "month", onChange: onChange })),
        React.createElement("br", null),
        React.createElement("div", null,
            React.createElement(RangePicker, { theme: 'grey', placeholder: ['开始年', '结束年'], mode: "year", onChange: onChange })),
        React.createElement("br", null),
        React.createElement("div", null,
            React.createElement(RangePicker, { theme: 'grey', placeholder: ['开始周', '结束周'], mode: "week", onChange: onChange })),
        React.createElement("br", null),
        React.createElement("div", null,
            React.createElement(RangePicker, { disabled: true, theme: 'grey', placeholder: ['开始季度', '结束季度'], mode: "quarter", onChange: onChange })))));
ReactDOM.render(React.createElement(App, null), document.getElementById('date-picker2-demo-2'));
