import './demo1.css';
import DatePicker2 from '..';
import React from 'react';
import ReactDOM from 'react-dom';
const { MonthPicker, YearPicker, WeekPicker, QuarterPicker } = DatePicker2;
const onChange = (date, dateStr) => console.log(date, dateStr);
function App() {
    return (React.createElement("div", { className: "app" },
        React.createElement("div", null,
            React.createElement(DatePicker2, { onChange: onChange })),
        React.createElement("div", null,
            React.createElement(MonthPicker, { onChange: onChange })),
        React.createElement("div", null,
            React.createElement(YearPicker, { onChange: onChange })),
        React.createElement("div", null,
            React.createElement(WeekPicker, { onChange: onChange })),
        React.createElement("div", null,
            React.createElement(QuarterPicker, { onChange: onChange })),
        React.createElement("div", { style: { backgroundColor: '#f3f3f3', padding: '10px' } },
            React.createElement("div", null,
                React.createElement(DatePicker2, { theme: 'grey', onChange: onChange })),
            React.createElement("br", null),
            React.createElement("div", null,
                React.createElement(MonthPicker, { theme: 'grey', onChange: onChange })),
            React.createElement("br", null),
            React.createElement("div", null,
                React.createElement(YearPicker, { theme: 'grey', onChange: onChange })),
            React.createElement("br", null),
            React.createElement("div", null,
                React.createElement(WeekPicker, { theme: 'grey', onChange: onChange })),
            React.createElement("br", null),
            React.createElement("div", null,
                React.createElement(QuarterPicker, { theme: 'grey', onChange: onChange })))));
}
ReactDOM.render(React.createElement(App, null), document.getElementById('date-picker2-demo-1'));
