import './demo4.css';
import DatePicker from '..';
import React from 'react';
import ReactDOM from 'react-dom';
import moment from 'moment';
const { RangePicker } = DatePicker;
const onChange = value => console.log(value);
const onOk = value => console.log('onOK:', value.format('YYYY-MM-DD HH:mm:ss'));
const onRangeOk = value => console.log('onOk: [%s, %s]', value[0].format('YYYY-MM-DD HH:mm:ss'), value[1].format('YYYY-MM-DD HH:mm:ss'));
const defaultTimeValue = moment('09:00:00', 'HH:mm:ss', true);
const defaultTimeValues = [
    moment('09:00:00', 'HH:mm:ss', true),
    moment('23:59:59', 'HH:mm:ss', true),
];
ReactDOM.render(React.createElement("div", { className: "app" },
    React.createElement("div", null,
        React.createElement(DatePicker, { showTime: true, onChange: onChange, onOk: onOk })),
    React.createElement("div", null,
        React.createElement(DatePicker
        // @ts-ignore
        , { 
            // @ts-ignore
            timePanelProps: { defaultValue: defaultTimeValue, secondStep: 10 }, onChange: onChange, onOk: onOk })),
    React.createElement("div", null,
        React.createElement(RangePicker, { showTime: true, onChange: onChange, onOk: onRangeOk })),
    React.createElement("div", null,
        React.createElement(RangePicker, { showTime: true, 
            // @ts-ignore
            timePanelProps: {
                defaultValue: defaultTimeValues,
                format: 'HH:mm',
                minuteStep: 15,
            }, onChange: onChange, onOk: onRangeOk }))), document.getElementById('date-picker-demo-4'));
