"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;

function onVisibleMonthChange(val, reason) {
  console.log(val.format('L'), reason);
}

_reactDom["default"].render( /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("p", null, "Setting last month as default visible month"), /*#__PURE__*/_react["default"].createElement(_["default"], {
  defaultVisibleMonth: function defaultVisibleMonth() {
    return (0, _moment["default"])().add(-1, 'months');
  } // @ts-ignore
  ,
  onVisibleMonthChange: onVisibleMonthChange
}), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement(RangePicker, {
  defaultVisibleMonth: function defaultVisibleMonth() {
    return (0, _moment["default"])().add(-1, 'months');
  } // @ts-ignore
  ,
  onVisibleMonthChange: onVisibleMonthChange
}), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("br", null), /*#__PURE__*/_react["default"].createElement("p", null, "Setting 2019 as default visible year"), /*#__PURE__*/_react["default"].createElement(MonthPicker, {
  defaultVisibleYear: function defaultVisibleYear() {
    return (0, _moment["default"])('2019', 'YYYY');
  }
})), document.getElementById('date-picker-demo-6'));