"use strict";

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 RangePicker = _["default"].RangePicker;

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

var App = function App() {
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: "app"
  }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(RangePicker, {
    onChange: onChange
  })), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(RangePicker, {
    placeholder: ['开始月', '结束月'],
    mode: "month",
    onChange: onChange
  })), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(RangePicker, {
    placeholder: ['开始年', '结束年'],
    mode: "year",
    onChange: onChange
  })), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(RangePicker, {
    placeholder: ['开始周', '结束周'],
    mode: "week",
    onChange: onChange
  })), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(RangePicker, {
    placeholder: ['开始季度', '结束季度'],
    mode: "quarter",
    onChange: onChange
  })), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("div", {
    style: {
      backgroundColor: '#f3f3f3',
      padding: '10px'
    }
  }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(RangePicker, {
    theme: "grey",
    onChange: onChange
  })), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(RangePicker, {
    theme: "grey",
    placeholder: ['开始月', '结束月'],
    mode: "month",
    onChange: onChange
  })), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(RangePicker, {
    theme: "grey",
    placeholder: ['开始年', '结束年'],
    mode: "year",
    onChange: onChange
  })), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(RangePicker, {
    theme: "grey",
    placeholder: ['开始周', '结束周'],
    mode: "week",
    onChange: onChange
  })), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(RangePicker, {
    disabled: true,
    theme: "grey",
    placeholder: ['开始季度', '结束季度'],
    mode: "quarter",
    onChange: onChange
  }))));
};

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