@titaui/pc 1.11.4-0 → 1.11.4-1

package/es/components/date-picker/CalendarHeader.js

@@ -0,0 +1,187 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _moment = _interopRequireDefault(require("moment"));
+
+var _select = _interopRequireDefault(require("../select"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+var months = [{
+  text: 1,
+  value: 0
+}, {
+  text: 2,
+  value: 1
+}, {
+  text: 3,
+  value: 2
+}, {
+  text: 4,
+  value: 3
+}, {
+  text: 5,
+  value: 4
+}, {
+  text: 6,
+  value: 5
+}, {
+  text: 7,
+  value: 6
+}, {
+  text: 8,
+  value: 7
+}, {
+  text: 9,
+  value: 8
+}, {
+  text: 10,
+  value: 9
+}, {
+  text: 11,
+  value: 10
+}, {
+  text: 12,
+  value: 11
+}];
+
+var CalendarHeader = /*#__PURE__*/function (_Component) {
+  _inherits(CalendarHeader, _Component);
+
+  var _super = _createSuper(CalendarHeader);
+
+  function CalendarHeader() {
+    var _temp, _this;
+
+    _classCallCheck(this, CalendarHeader);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    return _possibleConstructorReturn(_this, (_temp = _this = _super.call.apply(_super, [this].concat(args)), _this.setDate = function (func) {
+      var date = (0, _moment["default"])(_this.props.date);
+
+      for (var _len2 = arguments.length, rest = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+        rest[_key2 - 1] = arguments[_key2];
+      }
+
+      date[func].apply(date, rest);
+
+      _this.props.onChangeDate(date);
+    }, _this.getYears = function () {
+      var years = [];
+
+      for (var i = 0; i < 11; i++) {
+        years.push(_this.props.date.year() - 5 + i);
+      }
+
+      return years;
+    }, _temp));
+  }
+
+  _createClass(CalendarHeader, [{
+    key: "render",
+    value: function render() {
+      var _this$props = this.props,
+          triggerMethod = _this$props.triggerMethod,
+          container = _this$props.container;
+
+      var subtracty = _defineProperty({}, triggerMethod, this.setDate.bind(this, "subtract", 1, "y"));
+
+      var subtractm = _defineProperty({}, triggerMethod, this.setDate.bind(this, "subtract", 1, "M"));
+
+      var addy = _defineProperty({}, triggerMethod, this.setDate.bind(this, "add", 1, "y"));
+
+      var addm = _defineProperty({}, triggerMethod, this.setDate.bind(this, "add", 1, "M"));
+
+      var trigger = {
+        onClick: "click",
+        onMouseDown: "mousedonwn",
+        onMouseUp: "mouseup"
+      };
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: "tita-common-calendar-header"
+      }, /*#__PURE__*/_react["default"].createElement("a", _extends({
+        className: "header-prev-year tu-icon-angles-left"
+      }, subtracty)), /*#__PURE__*/_react["default"].createElement("a", _extends({
+        className: "header-prev-month tu-icon-angle-left"
+      }, subtractm)), /*#__PURE__*/_react["default"].createElement(_select["default"], {
+        className: "tita-common-calendar-header-select-wrapper",
+        wrapperHeight: 160,
+        adjustHeight: 84,
+        style: {
+          width: "70px",
+          height: "20px"
+        },
+        data: this.getYears(),
+        value: this.props.date.year(),
+        onSelect: this.setDate.bind(this, "year"),
+        toggle: trigger[triggerMethod],
+        container: container
+      }), /*#__PURE__*/_react["default"].createElement(_select["default"], {
+        className: "tita-common-calendar-header-select-wrapper",
+        wrapperHeight: 160,
+        adjustHeight: 84,
+        style: {
+          width: "50px",
+          height: "20px"
+        },
+        textField: "text",
+        valueField: "value",
+        data: months,
+        value: this.props.date.month(),
+        onSelect: this.setDate.bind(this, "month"),
+        toggle: trigger[triggerMethod],
+        container: container
+      }), /*#__PURE__*/_react["default"].createElement("a", _extends({
+        className: "header-next-year tu-icon-angles-right"
+      }, addy)), /*#__PURE__*/_react["default"].createElement("a", _extends({
+        className: "header-next-month tu-icon-angle-right"
+      }, addm)));
+    }
+  }]);
+
+  return CalendarHeader;
+}(_react.Component);
+
+exports["default"] = CalendarHeader;
+CalendarHeader.defaultProps = {
+  triggerMethod: "onClick"
+};

package/es/components/date-picker/index.js

@@ -0,0 +1,157 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _moment = _interopRequireDefault(require("moment"));
+
+var _CalendarHeader = _interopRequireDefault(require("./CalendarHeader"));
+
+var _CalendarBody = _interopRequireDefault(require("./CalendarBody"));
+
+require("./index.scss");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+var DatePicker = /*#__PURE__*/function (_Component) {
+  _inherits(DatePicker, _Component);
+
+  var _super = _createSuper(DatePicker);
+
+  function DatePicker(p) {
+    var _this;
+
+    _classCallCheck(this, DatePicker);
+
+    _this = _super.call(this, p);
+
+    _this.handleChangeDate = function (date) {
+      _this.setState({
+        date: date
+      });
+    };
+
+    _this.handleSelect = function (date) {
+      var onSelect = _this.props.onSelect;
+
+      if (!_this.controlled) {
+        _this.setState({
+          date: date
+        });
+      } else {
+        _this.setState({
+          date: date,
+          selected: (0, _moment["default"])(date)
+        });
+      }
+
+      onSelect && onSelect(date);
+    };
+
+    _this.getSelectDate = function () {
+      return _this.controlled ? (0, _moment["default"])(_this.props.selected) : (0, _moment["default"])(_this.state.selected).format(_this.props.format);
+    };
+
+    _this.goTo = function (date) {
+      _this.state({
+        date: (0, _moment["default"])(date)
+      });
+    };
+
+    _this.setSelectDate = function (date) {
+      if (_this.controlled) return;
+      var isAllowSelect = _this.props.isAllowSelect;
+      var selected = (0, _moment["default"])(date);
+
+      if (isAllowSelect && !isAllowSelect(selected)) {
+        _this.setState({
+          date: (0, _moment["default"])(date)
+        });
+
+        return;
+      }
+
+      _this.setState({
+        date: (0, _moment["default"])(date),
+        selected: selected
+      });
+    };
+
+    if (p.selected) {
+      _this.controlled = true;
+    }
+
+    _this.state = {
+      date: p.selected || p.defaultSelected || (0, _moment["default"])(),
+      selected: p.isAllowSelect ? null : p.selected || p.defaultSelected || (0, _moment["default"])()
+    };
+    return _this;
+  }
+
+  _createClass(DatePicker, [{
+    key: "componentWillReceiveProps",
+    value: function componentWillReceiveProps(nextProps) {// if(this.controlled) {
+      //   if(!nextProps.selected.isSame(this.state.date,'month')){
+      //     this.setState({
+      //       date: moment(nextProps.selected)
+      //     })
+      //   }
+      // }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var container = this.props.container;
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        ref: "datePopRef",
+        className: "tita-common-calendar ".concat(this.props.className)
+      }, /*#__PURE__*/_react["default"].createElement(_CalendarHeader["default"], {
+        date: this.state.date,
+        onChangeDate: this.handleChangeDate,
+        triggerMethod: this.props.triggerMethod,
+        container: document.body
+      }), /*#__PURE__*/_react["default"].createElement(_CalendarBody["default"], {
+        date: this.state.date,
+        highlightRange: this.props.highlightRange,
+        selectedDate: this.getSelectDate(),
+        onSelect: this.handleSelect,
+        isAllowSelect: this.props.isAllowSelect,
+        triggerMethod: this.props.triggerMethod
+      }));
+    }
+  }]);
+
+  return DatePicker;
+}(_react.Component);
+
+exports["default"] = DatePicker;

package/es/components/date-range-picker/index.js

@@ -0,0 +1,210 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _moment = _interopRequireDefault(require("moment"));
+
+var _datePicker = _interopRequireDefault(require("../date-picker"));
+
+require("./index.scss");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+var DateRangePicker = /*#__PURE__*/function (_Component) {
+  _inherits(DateRangePicker, _Component);
+
+  var _super = _createSuper(DateRangePicker);
+
+  function DateRangePicker(p) {
+    var _this;
+
+    _classCallCheck(this, DateRangePicker);
+
+    _this = _super.call(this, p);
+
+    _this.getHighLightRange = function (start, end) {
+      if (start && end && !start.isSame(end, "day")) {
+        _this.startHighlightRange = [(0, _moment["default"])(start).add(1, "d"), end];
+        _this.endHighlightRange = [start, (0, _moment["default"])(end).subtract(1, "d")];
+      } else {
+        _this.startHighlightRange = null;
+        _this.endHighlightRange = null;
+      }
+    };
+
+    _this.clearRange = function () {
+      _this.startHighlightRange = null;
+      _this.endHighlightRange = null;
+    };
+
+    _this.handleSelectStart = function (date) {
+      var _this$props = _this.props,
+          onSelect = _this$props.onSelect,
+          requireRangeCorrect = _this$props.requireRangeCorrect;
+
+      _this.getHighLightRange(date, _this.state.endDate);
+
+      var state;
+
+      if (!date.isAfter(_this.state.endDate)) {
+        state = {
+          startDate: date
+        };
+      } else if (requireRangeCorrect) {
+        state = {
+          startDate: (0, _moment["default"])(date),
+          endDate: date
+        };
+      } else {
+        state = {
+          startDate: (0, _moment["default"])(date)
+        };
+      }
+
+      _this.setState(state, function () {
+        onSelect && onSelect({
+          startDate: (0, _moment["default"])(_this.state.startDate),
+          endDate: (0, _moment["default"])(_this.state.endDate)
+        });
+      });
+    };
+
+    _this.handleSelectEnd = function (date) {
+      var _this$props2 = _this.props,
+          onSelect = _this$props2.onSelect,
+          requireRangeCorrect = _this$props2.requireRangeCorrect;
+
+      _this.getHighLightRange(_this.state.startDate, date);
+
+      var state;
+
+      if (!date.isBefore(_this.state.startDate)) {
+        state = {
+          endDate: date
+        };
+      } else if (requireRangeCorrect) {
+        state = {
+          endDate: (0, _moment["default"])(date),
+          startDate: date
+        };
+      } else {
+        state = {
+          endDate: (0, _moment["default"])(date)
+        };
+      }
+
+      _this.setState(state, function () {
+        onSelect && onSelect({
+          startDate: (0, _moment["default"])(_this.state.startDate),
+          endDate: (0, _moment["default"])(_this.state.endDate)
+        });
+      });
+    };
+
+    var _this$props$defaultRa = _slicedToArray(_this.props.defaultRange, 2),
+        defaultStartDate = _this$props$defaultRa[0],
+        defaultEndDate = _this$props$defaultRa[1];
+
+    defaultStartDate = defaultStartDate != null ? defaultStartDate || (0, _moment["default"])() : null;
+    defaultEndDate = defaultEndDate != null ? defaultEndDate || (0, _moment["default"])() : null;
+
+    if (defaultStartDate && defaultEndDate && defaultStartDate.isAfter(defaultEndDate)) {
+      var _ref = [defaultEndDate, defaultStartDate];
+      defaultStartDate = _ref[0];
+      defaultEndDate = _ref[1];
+    }
+
+    _this.state = {
+      startDate: defaultStartDate != null ? (0, _moment["default"])(defaultStartDate) : null,
+      endDate: defaultEndDate != null ? (0, _moment["default"])(defaultEndDate) : null
+    };
+    return _this;
+  }
+
+  _createClass(DateRangePicker, [{
+    key: "render",
+    value: function render() {
+      var _this$props3 = this.props,
+          triggerMethod = _this$props3.triggerMethod,
+          container = _this$props3.container,
+          _this$props3$ownStyle = _this$props3.ownStyle,
+          ownStyle = _this$props3$ownStyle === void 0 ? {} : _this$props3$ownStyle;
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        className: "tita-range-picker-wrapper",
+        style: ownStyle
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: "range-picker-header"
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: "range-display-start"
+      }, this.state.startDate ? this.state.startDate.format(this.props.format) : ""), /*#__PURE__*/_react["default"].createElement("span", null, "~"), /*#__PURE__*/_react["default"].createElement("div", {
+        className: "range-display-end"
+      }, this.state.endDate ? this.state.endDate.format(this.props.format) : "")), /*#__PURE__*/_react["default"].createElement(_datePicker["default"], {
+        onSelect: this.handleSelectStart,
+        highlightRange: this.startHighlightRange,
+        selected: this.state.startDate || "",
+        className: "tita-range-picker-item",
+        triggerMethod: triggerMethod,
+        container: container
+      }), /*#__PURE__*/_react["default"].createElement(_datePicker["default"], {
+        onSelect: this.handleSelectEnd,
+        highlightRange: this.endHighlightRange,
+        selected: this.state.endDate || "",
+        className: "tita-range-picker-item",
+        triggerMethod: triggerMethod,
+        container: container
+      }));
+    }
+  }]);
+
+  return DateRangePicker;
+}(_react.Component);
+
+exports["default"] = DateRangePicker;
+DateRangePicker.defaultProps = {
+  format: "YYYY-MM-DD",
+  defaultRange: [],
+  requireRangeCorrect: true
+};