"use strict";

require("./demo1.css");

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

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

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

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

var MonthPicker = _["default"].MonthPicker,
    YearPicker = _["default"].YearPicker,
    WeekPicker = _["default"].WeekPicker,
    QuarterPicker = _["default"].QuarterPicker;

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

function App() {
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: "app"
  }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_["default"], {
    onChange: onChange
  })), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(MonthPicker, {
    onChange: onChange
  })), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(YearPicker, {
    onChange: onChange
  })), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(WeekPicker, {
    onChange: onChange
  })), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(QuarterPicker, {
    onChange: onChange
  })), /*#__PURE__*/_react["default"].createElement("div", {
    style: {
      backgroundColor: '#f3f3f3',
      padding: '10px'
    }
  }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_["default"], {
    theme: "grey",
    onChange: onChange
  })), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(MonthPicker, {
    theme: "grey",
    onChange: onChange
  })), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(YearPicker, {
    theme: "grey",
    onChange: onChange
  })), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(WeekPicker, {
    theme: "grey",
    onChange: onChange
  })), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(QuarterPicker, {
    theme: "grey",
    onChange: onChange
  }))));
}

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