import DatePicker from '..';
import React from 'react';
import ReactDOM from 'react-dom';
const { RangePicker } = DatePicker;
const onChange = val => console.log(val);
ReactDOM.render(React.createElement("div", null,
    React.createElement(DatePicker, { format: "YYYY-M-D", onChange: onChange }),
    React.createElement("br", null),
    React.createElement("br", null),
    React.createElement(DatePicker, { format: "YYYY-M-D", onChange: onChange, showTime: { format: 'HH:mm' } }),
    React.createElement("br", null),
    React.createElement("br", null),
    React.createElement(RangePicker, { format: "YYYY-M-D", onChange: onChange }),
    React.createElement("br", null),
    React.createElement("br", null),
    React.createElement(RangePicker, { format: "YYYY-M-D", onChange: onChange, showTime: { format: 'HH:mm' } }),
    React.createElement("br", null),
    React.createElement("br", null),
    React.createElement("div", { style: { background: '#f3f3f3', padding: '10px' } },
        React.createElement(DatePicker, { format: "YYYY-M-D", onChange: onChange, theme: 'grey' }),
        React.createElement("br", null),
        React.createElement("br", null),
        React.createElement(DatePicker, { format: "YYYY-M-D", onChange: onChange, theme: 'grey', showTime: { format: 'HH:mm' } }),
        React.createElement("br", null),
        React.createElement("br", null),
        React.createElement(RangePicker, { format: "YYYY-M-D", onChange: onChange, theme: 'grey' }),
        React.createElement("br", null),
        React.createElement("br", null),
        React.createElement(RangePicker, { format: "YYYY-M-D", onChange: onChange, showTime: { format: 'HH:mm' }, theme: 'grey' }))), document.getElementById('date-picker-demo-3'));
