"use strict";

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

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

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

var _dayjs = _interopRequireDefault(require("dayjs"));

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

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

var onChange = function onChange(date, dateStr) {
  return console.log(date, dateStr);
};

var onPanelChange = function onPanelChange(value, mode) {
  return console.log(value.format('YYYY-MM-DD'), mode);
};

function App() {
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: "app"
  }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_["default"] // @ts-ignore
  , {
    defaultPanelValue: (0, _dayjs["default"])('2020-11'),
    onPanelChange: onPanelChange,
    onChange: onChange
  })), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_["default"], {
    showTime: true // @ts-ignore
    ,
    defaultPanelValue: (0, _dayjs["default"])('2020-11'),
    onPanelChange: onPanelChange,
    onChange: onChange
  })), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_["default"], {
    mode: "month" // @ts-ignore
    ,
    defaultPanelValue: (0, _dayjs["default"])('2020-11'),
    onPanelChange: onPanelChange,
    onChange: onChange
  })), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_["default"], {
    mode: "year" // @ts-ignore
    ,
    defaultPanelValue: (0, _dayjs["default"])('2030'),
    onPanelChange: onPanelChange,
    onChange: onChange
  })), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(RangePicker // @ts-ignore
  , {
    defaultPanelValue: (0, _dayjs["default"])('2020-11'),
    onPanelChange: onPanelChange,
    onChange: onChange
  })));
}

_reactDom["default"].render( /*#__PURE__*/_react["default"].createElement(App, null), document.getElementById('date-picker2-demo-8'));