import './demo6.css';
import DatePicker2 from '..';
import React from 'react';
import ReactDOM from 'react-dom';
import dayjs from 'dayjs';
const { RangePicker } = DatePicker2;
const onChange = value => console.log('onChange: ', value);
const onOk = value => console.log('onOK: ', value.format('YYYY-MM-DD HH:mm:ss'));
const onRangeOk = value => console.log('onOk: [%s, %s]', ...value);
const defaultTimeValue = dayjs('09:00:00', 'HH:mm:ss', true);
const defaultTimeValues = [dayjs('09:00:00', 'HH:mm:ss', true), dayjs('23:59:59', 'HH:mm:ss', true)];
ReactDOM.render(React.createElement("div", { className: "app" },
    React.createElement("div", null,
        React.createElement(DatePicker2, { showTime: true, onChange: onChange, onOk: onOk })),
    React.createElement("div", null,
        React.createElement(DatePicker2, { showTime: true, 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, timePanelProps: { defaultValue: defaultTimeValues, format: 'HH:mm', minuteStep: 15 }, onChange: onChange, onOk: onRangeOk }))), document.getElementById('date-picker2-demo-6'));
