"use strict";

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,
    MonthPicker = _["default"].MonthPicker,
    YearPicker = _["default"].YearPicker;
var startValue = (0, _moment["default"])('2017-11-20', 'YYYY-MM-DD', true);
var endValue = (0, _moment["default"])('2017-12-15', 'YYYY-MM-DD', true);
var timeStamp = (0, _moment["default"])(1581938105000);

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

_reactDom["default"].render( /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_["default"], {
  defaultValue: startValue,
  onChange: onChange
}), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_["default"], {
  defaultValue: timeStamp,
  onChange: onChange
}), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(MonthPicker, {
  defaultValue: startValue,
  onChange: onChange
}), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(YearPicker, {
  defaultValue: startValue,
  onChange: onChange
}), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(RangePicker, {
  type: "year",
  defaultValue: [startValue, endValue],
  onChange: onChange
}), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(RangePicker, {
  type: "month",
  defaultValue: [startValue, endValue],
  onChange: onChange
}), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(RangePicker, {
  defaultValue: [startValue, endValue],
  onChange: onChange
}), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("div", {
  style: {
    background: '#f3f3f3',
    padding: '10px'
  }
}, /*#__PURE__*/_react["default"].createElement(_["default"], {
  defaultValue: startValue,
  onChange: onChange,
  theme: "grey"
}), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(_["default"], {
  defaultValue: timeStamp,
  onChange: onChange,
  theme: "grey"
}), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(MonthPicker, {
  defaultValue: startValue,
  onChange: onChange,
  theme: "grey"
}), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(YearPicker, {
  defaultValue: startValue,
  onChange: onChange,
  theme: "grey"
}), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(RangePicker, {
  type: "year",
  theme: "grey",
  defaultValue: [startValue, endValue],
  onChange: onChange
}), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(RangePicker, {
  type: "month",
  theme: "grey",
  defaultValue: [startValue, endValue],
  onChange: onChange
}), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(RangePicker, {
  defaultValue: [startValue, endValue],
  theme: "grey",
  onChange: onChange
}), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null))), document.getElementById('date-picker-demo-2'));