react-picky-date-time 1.7.1 → 1.8.0

package/README.md

@@ -1,18 +1,18 @@
 # react-picky-date-time
-[![npm version](https://badge.fury.io/js/react-picky-date-time.svg)](https://badge.fury.io/js/react-picky-date-time) ![npm bundle size (minified + gzip)](https://img.shields.io/bundlephobia/minzip/react-picky-date-time.svg) [![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://raw.githubusercontent.com/edwardfhsiao/react-picky-date-time/master/LICENSE)[![LICENSE](https://img.shields.io/badge/license-Anti%20996-blue.svg)](https://github.com/996icu/996.ICU/blob/master/LICENSE)[![996.icu](https://img.shields.io/badge/link-996.icu-red.svg)](https://996.icu)
+[![npm version](https://badge.fury.io/js/react-picky-date-time.svg)](https://badge.fury.io/js/react-picky-date-time) ![npm bundle size (minified + gzip)](https://img.shields.io/bundlephobia/minzip/react-picky-date-time.svg) [![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://raw.githubusercontent.com/edwardfxiao/react-picky-date-time/master/LICENSE)[![LICENSE](https://img.shields.io/badge/license-Anti%20996-blue.svg)](https://github.com/996icu/996.ICU/blob/master/LICENSE)[![996.icu](https://img.shields.io/badge/link-996.icu-red.svg)](https://996.icu)
 
 A react component for date time picker.
 
-<img src="https://raw.githubusercontent.com/edwardfhsiao/react-picky-date-time/master/react-picky-date-time.gif" />
+<img src="https://raw.githubusercontent.com/edwardfxiao/react-picky-date-time/master/react-picky-date-time.gif" />
 
 NO Jquery, NO Moment.js
 
-###  :tada: For range surpport, please take a look at <a href="https://github.com/edwardfhsiao/react-minimal-datetime-range">react-minimal-datetime-range</a>
+###  :tada: For range surpport, please take a look at <a href="https://github.com/edwardfxiao/react-minimal-datetime-range">react-minimal-datetime-range</a>
 
 # Demo & Examples
-Please check the <a href="https://edwardfhsiao.github.io/react-picky-date-time/">online demo example</a>
+Please check the <a href="https://edwardfxiao.github.io/react-picky-date-time/">online demo example</a>
 
-Attention: <a href="https://github.com/edwardfhsiao/react-picky-date-time/blob/gh-pages/example/index.js">you can find demo source here :)</a>
+Attention: <a href="https://github.com/edwardfxiao/react-picky-date-time/blob/gh-pages/example/index.js">you can find demo source here :)</a>
 
 # Codesandbox Examples
 * <a href="https://codesandbox.io/s/y29w6p6krj">Online demo example playground</a>
@@ -75,6 +75,7 @@ class YourOwnComponent extends Component {
         onResetDefaultTime={res => this.onResetDefaultTime(res)}
         onClearTime={res => this.onClearTime(res)}
         // markedDates={['10/19/2021']} // OPTIONAL. format: "MM/DD/YYYY"
+        // supportDateRange={['12/03/2021', '12/05/2021']} // OPTIONAL. min date and max date. format: "MM/DD/YYYY"
       />
     );
   }

package/lib/components/Calendar/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,15 +19,13 @@ var _locale = require("../locale.js");
 
 var _constValue = require("../constValue");
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+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) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (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 _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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
@@ -41,13 +41,13 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
 
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
-function _createSuper(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+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; } return _assertThisInitialized(self); }
+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 { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+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); }
 
@@ -206,7 +206,7 @@ var Calendar = /*#__PURE__*/function (_Component) {
       var pickedYearMonth = this.state.pickedYearMonth;
       var _pickedYearMonth = pickedYearMonth,
           month = _pickedYearMonth.month;
-      pickedYearMonth = _objectSpread({}, pickedYearMonth, {
+      pickedYearMonth = _objectSpread(_objectSpread({}, pickedYearMonth), {}, {
         year: year,
         string: "".concat(year, "-").concat(month)
       });
@@ -244,7 +244,7 @@ var Calendar = /*#__PURE__*/function (_Component) {
 
       month = (0, _constValue.formatDateString)(month);
       year = String(year);
-      pickedYearMonth = _objectSpread({}, pickedYearMonth, {
+      pickedYearMonth = _objectSpread(_objectSpread({}, pickedYearMonth), {}, {
         year: year,
         month: month,
         string: "".concat(year, "-").concat(month)
@@ -264,7 +264,7 @@ var Calendar = /*#__PURE__*/function (_Component) {
       var _this$state = this.state,
           pickedDateInfo = _this$state.pickedDateInfo,
           pickedYearMonth = _this$state.pickedYearMonth;
-      pickedDateInfo = _objectSpread({}, pickedDateInfo, {
+      pickedDateInfo = _objectSpread(_objectSpread({}, pickedDateInfo), {}, {
         year: pickedYearMonth.year,
         month: (0, _constValue.formatDateString)(pickedYearMonth.month),
         date: (0, _constValue.formatDateString)(pickedDate)
@@ -338,12 +338,12 @@ var Calendar = /*#__PURE__*/function (_Component) {
 
       month = (0, _constValue.formatDateString)(month);
       date = (0, _constValue.formatDateString)(date);
-      pickedDateInfo = _objectSpread({}, pickedDateInfo, {
+      pickedDateInfo = _objectSpread(_objectSpread({}, pickedDateInfo), {}, {
         year: year,
         month: month,
         date: date
       });
-      pickedYearMonth = _objectSpread({}, pickedYearMonth, {
+      pickedYearMonth = _objectSpread(_objectSpread({}, pickedYearMonth), {}, {
         year: year,
         month: month,
         string: "".concat(year, "-").concat(month)
@@ -371,7 +371,8 @@ var Calendar = /*#__PURE__*/function (_Component) {
       var _this$props = this.props,
           size = _this$props.size,
           locale = _this$props.locale,
-          markedDates = _this$props.markedDates;
+          markedDates = _this$props.markedDates,
+          supportDateRange = _this$props.supportDateRange;
       var markedDatesHash = {};
 
       if (markedDates && (0, _utils.isValidDates)(markedDates)) {
@@ -380,6 +381,8 @@ var Calendar = /*#__PURE__*/function (_Component) {
         });
       }
 
+      var minSupportDate = supportDateRange.length > 0 && isValidDate(supportDateRange[0]) ? supportDateRange[0] : '';
+      var maxSupportDate = supportDateRange.length > 1 && isValidDate(supportDateRange[1]) ? supportDateRange[1] : '';
       var _this$state4 = this.state,
           isDefaultDateValid = _this$state4.isDefaultDateValid,
           dates = _this$state4.dates,
@@ -422,7 +425,9 @@ var Calendar = /*#__PURE__*/function (_Component) {
           pickedDateInfo: pickedDateInfo,
           onClick: this.pickDate,
           key: pickedYearMonth.string,
-          markedDatesHash: markedDatesHash
+          markedDatesHash: markedDatesHash,
+          minSupportDate: minSupportDate,
+          maxSupportDate: maxSupportDate
         });
 
         if (row == 6) {
@@ -747,7 +752,9 @@ var CalendarBody = /*#__PURE__*/function (_Component2) {
           pickedDateInfo = _this$props2.pickedDateInfo,
           pickedYearMonth = _this$props2.pickedYearMonth,
           onClick = _this$props2.onClick,
-          markedDatesHash = _this$props2.markedDatesHash;
+          markedDatesHash = _this$props2.markedDatesHash,
+          minSupportDate = _this$props2.minSupportDate,
+          maxSupportDate = _this$props2.maxSupportDate;
       var year = currentYearMonthDate.year,
           month = currentYearMonthDate.month,
           date = currentYearMonthDate.date;
@@ -760,9 +767,23 @@ var CalendarBody = /*#__PURE__*/function (_Component2) {
 
         if (data[key].length) {
           colHtml = data[key].map(function (item, key) {
+            var itemDate = "".concat(item.month, "/").concat(item.name, "/").concat(item.year);
             var isPicked = pickedDate == item.name && pickedDateMonth == item.month && pickedDateYear == item.year;
             var isDisabled = pickedMonth != item.month;
-            var datePickerItemClass = (0, _utils.cx)('picky-date-time-calendar__table-cel', 'picky-date-time-calendar__date-item', size, isDisabled && 'disabled', date == item.name && month == item.month && year == item.year && 'today', markedDatesHash["".concat(item.month, "/").concat(item.name, "/").concat(item.year)] && 'marked', isPicked && 'active');
+
+            if (minSupportDate) {
+              if (new Date(itemDate) < new Date(minSupportDate)) {
+                isDisabled = true;
+              }
+            }
+
+            if (maxSupportDate) {
+              if (new Date(itemDate) > new Date(maxSupportDate)) {
+                isDisabled = true;
+              }
+            }
+
+            var datePickerItemClass = (0, _utils.cx)('picky-date-time-calendar__table-cel', 'picky-date-time-calendar__date-item', size, isDisabled && 'disabled', date == item.name && month == item.month && year == item.year && 'today', markedDatesHash[itemDate] && 'marked', isPicked && 'active');
             return /*#__PURE__*/_react["default"].createElement(CalendarItem, {
               key: key,
               item: item,

package/lib/components/Clock/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -21,9 +23,7 @@ var _constValue = require("../constValue");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
@@ -39,13 +39,13 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
 
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
-function _createSuper(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+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; } return _assertThisInitialized(self); }
+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 { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+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); }
 
@@ -365,7 +365,7 @@ var Clock = /*#__PURE__*/function (_React$Component) {
     value: function updateClockHandObj(o, value, degree, startAngle, angle) {
       var isMouseOver = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : false;
       var isDragging = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : false;
-      o = _objectSpread({}, o, {
+      o = _objectSpread(_objectSpread({}, o), {}, {
         value: value,
         degree: degree,
         startAngle: startAngle,
@@ -650,7 +650,7 @@ var Clock = /*#__PURE__*/function (_React$Component) {
           newDegree = Number(newValue) * _constValue.HOUR_DEGREE_NUMBER;
         }
 
-        elObj = _objectSpread({}, elObj, {
+        elObj = _objectSpread(_objectSpread({}, elObj), {}, {
           value: newValue,
           degree: newDegree,
           startAngle: newDegree,
@@ -682,7 +682,7 @@ var Clock = /*#__PURE__*/function (_React$Component) {
     key: "onMouseOver",
     value: function onMouseOver(refName) {
       var elObj = this.state[refName];
-      elObj = _objectSpread({}, elObj, {
+      elObj = _objectSpread(_objectSpread({}, elObj), {}, {
         isMouseOver: true
       });
       this.setState(_defineProperty({}, refName, elObj));
@@ -691,7 +691,7 @@ var Clock = /*#__PURE__*/function (_React$Component) {
     key: "onMouseOut",
     value: function onMouseOut(refName) {
       var elObj = this.state[refName];
-      elObj = _objectSpread({}, elObj, {
+      elObj = _objectSpread(_objectSpread({}, elObj), {}, {
         isMouseOver: false
       });
       this.setState(_defineProperty({}, refName, elObj));
@@ -703,7 +703,7 @@ var Clock = /*#__PURE__*/function (_React$Component) {
       var x = e.clientX - this.originX;
       var y = e.clientY - this.originY;
       var startAngle = _constValue.R2D * Math.atan2(y, x);
-      elObj = _objectSpread({}, elObj, {
+      elObj = _objectSpread(_objectSpread({}, elObj), {}, {
         isDragging: true,
         startAngle: startAngle
       });
@@ -765,7 +765,7 @@ var Clock = /*#__PURE__*/function (_React$Component) {
         // });
 
 
-        elObj = _objectSpread({}, elObj, {
+        elObj = _objectSpread(_objectSpread({}, elObj), {}, {
           value: value,
           degree: degree
         });
@@ -788,7 +788,7 @@ var Clock = /*#__PURE__*/function (_React$Component) {
         //   angle: { $set: clockHandSecondDegree },
         // });
 
-        clockHandSecond = _objectSpread({}, clockHandSecond, {
+        clockHandSecond = _objectSpread(_objectSpread({}, clockHandSecond), {}, {
           isDragging: false,
           angle: clockHandSecondDegree
         }); // clockHandMinute = update(clockHandMinute, {
@@ -796,7 +796,7 @@ var Clock = /*#__PURE__*/function (_React$Component) {
         //   angle: { $set: clockHandMinuteDegree },
         // });
 
-        clockHandMinute = _objectSpread({}, clockHandMinute, {
+        clockHandMinute = _objectSpread(_objectSpread({}, clockHandMinute), {}, {
           isDragging: false,
           angle: clockHandMinuteDegree
         }); // clockHandHour = update(clockHandHour, {
@@ -804,7 +804,7 @@ var Clock = /*#__PURE__*/function (_React$Component) {
         //   angle: { $set: clockHandHourDegree },
         // });
 
-        clockHandHour = _objectSpread({}, clockHandHour, {
+        clockHandHour = _objectSpread(_objectSpread({}, clockHandHour), {}, {
           isDragging: false,
           angle: clockHandHourDegree
         });

package/lib/components/constValue.js

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.KEY_CODE = exports.TIME_TYPE = exports.TIME_CURSOR_POSITION_OBJECT = exports.TIME_JUMP_CHAR_POS_LIST = exports.TIME_SELECTION_SECOND_CHAR_POS_BACKSPACE_LIST = exports.TIME_SELECTION_SECOND_CHAR_POS_LIST = exports.TIME_SELECTION_FIRST_CHAR_POS_BACKSPACE_LIST = exports.TIME_SELECTION_FIRST_CHAR_POS_LIST = exports.QUARTER = exports.HOUR_DEGREE_NUMBER = exports.MINUTE_DEGREE_NUMBER = exports.SECOND_DEGREE_NUMBER = exports.R2D = exports.formatDateString = exports.getYearSet = exports.getDaysListByMonth = exports.getDaysArray = exports.POINTER_ROTATE = exports.WEEK_NUMBER = exports.SELECTOR_YEAR_SET_NUMBER = exports.NEXT_TRANSITION = exports.PREV_TRANSITION = exports.DEFAULT_SIZE = exports.SIZE_RANGE = void 0;
+exports.getYearSet = exports.getDaysListByMonth = exports.getDaysArray = exports.formatDateString = exports.WEEK_NUMBER = exports.TIME_TYPE = exports.TIME_SELECTION_SECOND_CHAR_POS_LIST = exports.TIME_SELECTION_SECOND_CHAR_POS_BACKSPACE_LIST = exports.TIME_SELECTION_FIRST_CHAR_POS_LIST = exports.TIME_SELECTION_FIRST_CHAR_POS_BACKSPACE_LIST = exports.TIME_JUMP_CHAR_POS_LIST = exports.TIME_CURSOR_POSITION_OBJECT = exports.SIZE_RANGE = exports.SELECTOR_YEAR_SET_NUMBER = exports.SECOND_DEGREE_NUMBER = exports.R2D = exports.QUARTER = exports.PREV_TRANSITION = exports.POINTER_ROTATE = exports.NEXT_TRANSITION = exports.MINUTE_DEGREE_NUMBER = exports.KEY_CODE = exports.HOUR_DEGREE_NUMBER = exports.DEFAULT_SIZE = void 0;
 
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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(n); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+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 _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 

package/lib/components/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -21,8 +23,6 @@ var _locale = require("./locale.js");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(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); } }
@@ -33,13 +33,13 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
 
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
-function _createSuper(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+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; } return _assertThisInitialized(self); }
+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 { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+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); }
 
@@ -169,7 +169,8 @@ var Index = /*#__PURE__*/function (_React$Component) {
           show = _this$props.show,
           locale = _this$props.locale,
           mode = _this$props.mode,
-          markedDates = _this$props.markedDates;
+          markedDates = _this$props.markedDates,
+          supportDateRange = _this$props.supportDateRange;
       var componentClass = (0, _utils.cx)('picky-date-time', show && 'visible');
       var calendarHtml;
       var breakerHtml;
@@ -193,6 +194,7 @@ var Index = /*#__PURE__*/function (_React$Component) {
           size: size,
           defaultDate: defaultDate,
           markedDates: markedDates,
+          supportDateRange: supportDateRange,
           locale: locale,
           onYearPicked: this.onYearPicked,
           onMonthPicked: this.onMonthPicked,
@@ -210,6 +212,7 @@ var Index = /*#__PURE__*/function (_React$Component) {
           defaultDate: defaultDate,
           locale: locale,
           markedDates: markedDates,
+          supportDateRange: supportDateRange,
           onYearPicked: this.onYearPicked,
           onMonthPicked: this.onMonthPicked,
           onDatePicked: this.onDatePicked,
@@ -275,6 +278,7 @@ Index.propTypes = {
   size: _propTypes["default"].string,
   locale: _propTypes["default"].string,
   markedDates: _propTypes["default"].array,
+  supportDateRange: _propTypes["default"].array,
   defaultDate: _propTypes["default"].string,
   defaultTime: _propTypes["default"].string,
   show: _propTypes["default"].bool,
@@ -296,6 +300,7 @@ Index.defaultProps = {
   locale: _locale.DEFAULT_LACALE,
   size: _constValue.DEFAULT_SIZE,
   markedDates: [],
+  supportDateRange: [],
   show: false,
   mode: 0,
   // GENERAL

package/lib/components/locale.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.DEFAULT_LACALE = exports.LOCALE = void 0;
+exports.LOCALE = exports.DEFAULT_LACALE = void 0;
 
 function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }