"use strict";

require("./demo4.css");

var _ = _interopRequireDefault(require(".."));

var _react = _interopRequireDefault(require("react"));

var _reactDom = _interopRequireDefault(require("react-dom"));

var _moment = _interopRequireDefault(require("moment"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var RangePicker = _["default"].RangePicker;

var onChange = function onChange(value) {
  return console.log(value);
};

var onOk = function onOk(value) {
  return console.log('onOK:', value.format('YYYY-MM-DD HH:mm:ss'));
};

var onRangeOk = function onRangeOk(value) {
  return console.log('onOk: [%s, %s]', value[0].format('YYYY-MM-DD HH:mm:ss'), value[1].format('YYYY-MM-DD HH:mm:ss'));
};

var defaultTimeValue = (0, _moment["default"])('09:00:00', 'HH:mm:ss', true);
var defaultTimeValues = [(0, _moment["default"])('09:00:00', 'HH:mm:ss', true), (0, _moment["default"])('23:59:59', 'HH:mm:ss', true)];

_reactDom["default"].render( /*#__PURE__*/_react["default"].createElement("div", {
  className: "app"
}, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_["default"], {
  showTime: true,
  onChange: onChange,
  onOk: onOk
})), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_["default"] // @ts-ignore
, {
  timePanelProps: {
    defaultValue: defaultTimeValue,
    secondStep: 10
  },
  onChange: onChange,
  onOk: onOk
})), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(RangePicker, {
  showTime: true,
  onChange: onChange,
  onOk: onRangeOk
})), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(RangePicker, {
  showTime: true // @ts-ignore
  ,
  timePanelProps: {
    defaultValue: defaultTimeValues,
    format: 'HH:mm',
    minuteStep: 15
  },
  onChange: onChange,
  onOk: onRangeOk
}))), document.getElementById('date-picker-demo-4'));