primereact 8.2.0 → 8.5.0

package/calendar/calendar.esm.js

@@ -4,8 +4,8 @@ import { Button } from 'primereact/button';
 import { usePrevious, useOverlayListener, useMountEffect, useUpdateEffect, useUnmountEffect } from 'primereact/hooks';
 import { InputText } from 'primereact/inputtext';
 import { OverlayService } from 'primereact/overlayservice';
-import { UniqueComponentId, DomHandler, ObjectUtils, mask, ZIndexUtils, classNames } from 'primereact/utils';
 import { Ripple } from 'primereact/ripple';
+import { UniqueComponentId, DomHandler, ObjectUtils, mask, ZIndexUtils, classNames } from 'primereact/utils';
 import { CSSTransition } from 'primereact/csstransition';
 import { Portal } from 'primereact/portal';
 
@@ -462,9 +462,8 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     if (currentView === 'date') {
       if (newViewDate.getMonth() === 0) {
         newViewDate.setMonth(11);
-        newViewDate.setFullYear(newViewDate.getFullYear() - 1);
+        newViewDate.setFullYear(decrementYear());
         setCurrentMonth(11);
-        decrementYear();
       } else {
         newViewDate.setMonth(newViewDate.getMonth() - 1);
         setCurrentMonth(function (prevState) {
@@ -472,9 +471,7 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         });
       }
     } else if (currentView === 'month') {
-      var _currentYear2 = newViewDate.getFullYear();
-
-      var newYear = _currentYear2 - 1;
+      var newYear = newViewDate.getFullYear() - 1;
 
       if (props.yearNavigator) {
         var minYear = parseInt(props.yearRange.split(':')[0], 10);
@@ -488,9 +485,9 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     }
 
     if (currentView === 'month') {
-      decrementYear();
+      newViewDate.setFullYear(decrementYear());
     } else if (currentView === 'year') {
-      decrementDecade();
+      newViewDate.setFullYear(decrementDecade());
     }
 
     updateViewDate(event, newViewDate);
@@ -509,9 +506,8 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     if (currentView === 'date') {
       if (newViewDate.getMonth() === 11) {
         newViewDate.setMonth(0);
-        newViewDate.setFullYear(newViewDate.getFullYear() + 1);
+        newViewDate.setFullYear(incrementYear());
         setCurrentMonth(0);
-        incrementYear();
       } else {
         newViewDate.setMonth(newViewDate.getMonth() + 1);
         setCurrentMonth(function (prevState) {
@@ -519,9 +515,7 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         });
       }
     } else if (currentView === 'month') {
-      var _currentYear3 = newViewDate.getFullYear();
-
-      var newYear = _currentYear3 + 1;
+      var newYear = newViewDate.getFullYear() + 1;
 
       if (props.yearNavigator) {
         var maxYear = parseInt(props.yearRange.split(':')[1], 10);
@@ -535,9 +529,9 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     }
 
     if (currentView === 'month') {
-      incrementYear();
+      newViewDate.setFullYear(incrementYear());
     } else if (currentView === 'year') {
-      incrementDecade();
+      newViewDate.setFullYear(incrementDecade());
     }
 
     updateViewDate(event, newViewDate);
@@ -563,6 +557,8 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       var difference = yearOptions[yearOptions.length - 1] - yearOptions[0];
       populateYearOptions(yearOptions[0] - difference, yearOptions[yearOptions.length - 1] - difference);
     }
+
+    return _currentYear;
   };
 
   var incrementYear = function incrementYear() {
@@ -574,6 +570,8 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       var difference = yearOptions[yearOptions.length - 1] - yearOptions[0];
       populateYearOptions(yearOptions[0] + difference, yearOptions[yearOptions.length - 1] + difference);
     }
+
+    return _currentYear;
   };
 
   var onMonthDropdownChange = function onMonthDropdownChange(event, value) {
@@ -1131,7 +1129,14 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
 
     if (props.minDate) {
       var firstDayOfMonth = new Date(newViewDate.getTime());
-      firstDayOfMonth.setDate(1);
+
+      if (firstDayOfMonth.getMonth() === 0) {
+        firstDayOfMonth.setMonth(11, 1);
+        firstDayOfMonth.setFullYear(firstDayOfMonth.getFullYear() - 1);
+      } else {
+        firstDayOfMonth.setMonth(firstDayOfMonth.getMonth() - 1, 1);
+      }
+
       firstDayOfMonth.setHours(0);
       firstDayOfMonth.setMinutes(0);
       firstDayOfMonth.setSeconds(0);
@@ -1146,8 +1151,14 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
 
     if (props.maxDate) {
       var lastDayOfMonth = new Date(newViewDate.getTime());
-      lastDayOfMonth.setMonth(lastDayOfMonth.getMonth() + 1);
-      lastDayOfMonth.setDate(1);
+
+      if (lastDayOfMonth.getMonth() === 11) {
+        lastDayOfMonth.setMonth(0, 1);
+        lastDayOfMonth.setFullYear(lastDayOfMonth.getFullYear() + 1);
+      } else {
+        lastDayOfMonth.setMonth(lastDayOfMonth.getMonth() + 1, 1);
+      }
+
       lastDayOfMonth.setHours(0);
       lastDayOfMonth.setMinutes(0);
       lastDayOfMonth.setSeconds(0);
@@ -1452,15 +1463,17 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   };
 
   var decrementDecade = function decrementDecade() {
-    setCurrentYear(function (prevState) {
-      return prevState - 10;
-    });
+    var _currentYear = currentYear - 10;
+
+    setCurrentYear(_currentYear);
+    return _currentYear;
   };
 
   var incrementDecade = function incrementDecade() {
-    setCurrentYear(function (prevState) {
-      return prevState + 10;
-    });
+    var _currentYear = currentYear + 10;
+
+    setCurrentYear(_currentYear);
+    return _currentYear;
   };
 
   var switchToMonthView = function switchToMonthView(event) {
@@ -1564,6 +1577,8 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       overlayEventListener.current = null;
     };
 
+    props.touchUI && disableModality();
+
     if (props.onVisibleChange) {
       props.onVisibleChange({
         visible: false,
@@ -1633,6 +1648,7 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
 
       touchUIMaskClickListener.current = function () {
         disableModality();
+        hide();
       };
 
       touchUIMask.current.addEventListener('click', touchUIMaskClickListener.current);
@@ -1651,10 +1667,13 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   };
 
   var destroyMask = function destroyMask() {
-    touchUIMask.current.removeEventListener('click', touchUIMaskClickListener.current);
-    touchUIMaskClickListener.current = null;
-    document.body.removeChild(touchUIMask.current);
-    touchUIMask.current = null;
+    if (touchUIMask.current) {
+      touchUIMask.current.removeEventListener('click', touchUIMaskClickListener.current);
+      touchUIMaskClickListener.current = null;
+      document.body.removeChild(touchUIMask.current);
+      touchUIMask.current = null;
+    }
+
     var bodyChildren = document.body.children;
     var hasBlockerMasks;
 
@@ -1719,8 +1738,8 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     }
 
     return {
-      'month': m,
-      'year': y
+      month: m,
+      year: y
     };
   };
 
@@ -1736,8 +1755,8 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     }
 
     return {
-      'month': m,
-      'year': y
+      month: m,
+      year: y
     };
   };
 
@@ -1881,7 +1900,7 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         if (props.minDate.getMonth() > month) {
           validMin = false;
         } else if (props.minDate.getMonth() === month) {
-          if (props.minDate.getDate() > day) {
+          if (day > 0 && props.minDate.getDate() > day) {
             validMin = false;
           }
         }
@@ -1895,7 +1914,7 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         if (props.maxDate.getMonth() < month) {
           validMax = false;
         } else if (props.maxDate.getMonth() === month) {
-          if (props.maxDate.getDate() < day) {
+          if (day > 0 && props.maxDate.getDate() < day) {
             validMax = false;
           }
         }
@@ -2170,7 +2189,7 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     if (date) {
       for (iFormat = 0; iFormat < format.length; iFormat++) {
         if (literal) {
-          if (format.charAt(iFormat) === '\'' && !lookAhead('\'')) {
+          if (format.charAt(iFormat) === "'" && !lookAhead("'")) {
             literal = false;
           } else {
             output += format.charAt(iFormat);
@@ -2209,9 +2228,9 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
               output += date.getTime() * 10000 + ticksTo1970;
               break;
 
-            case '\'':
-              if (lookAhead('\'')) {
-                output += '\'';
+            case "'":
+              if (lookAhead("'")) {
+                output += "'";
               } else {
                 literal = true;
               }
@@ -2376,9 +2395,9 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
       throw new Error('Invalid arguments');
     }
 
-    value = _typeof(value) === "object" ? value.toString() : value + "";
+    value = _typeof(value) === 'object' ? value.toString() : value + '';
 
-    if (value === "") {
+    if (value === '') {
       return null;
     }
 
@@ -2386,7 +2405,7 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         dim,
         extra,
         iValue = 0,
-        shortYearCutoff = typeof props.shortYearCutoff !== "string" ? props.shortYearCutoff : new Date().getFullYear() % 100 + parseInt(props.shortYearCutoff, 10),
+        shortYearCutoff = typeof props.shortYearCutoff !== 'string' ? props.shortYearCutoff : new Date().getFullYear() % 100 + parseInt(props.shortYearCutoff, 10),
         year = -1,
         month = -1,
         day = -1,
@@ -2404,9 +2423,9 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     },
         getNumber = function getNumber(match) {
       var isDoubled = lookAhead(match),
-          size = match === "@" ? 14 : match === "!" ? 20 : match === "y" && isDoubled ? 4 : match === "o" ? 3 : 2,
-          minSize = match === "y" ? size : 1,
-          digits = new RegExp("^\\d{" + minSize + "," + size + "}"),
+          size = match === '@' ? 14 : match === '!' ? 20 : match === 'y' && isDoubled ? 4 : match === 'o' ? 3 : 2,
+          minSize = match === 'y' ? size : 1,
+          digits = new RegExp('^\\d{' + minSize + ',' + size + '}'),
           num = value.substring(iValue).match(digits);
 
       if (!num) {
@@ -2472,39 +2491,39 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         }
       } else {
         switch (format.charAt(iFormat)) {
-          case "d":
-            day = getNumber("d");
+          case 'd':
+            day = getNumber('d');
             break;
 
-          case "D":
-            getName("D", dayNamesShort, dayNames);
+          case 'D':
+            getName('D', dayNamesShort, dayNames);
             break;
 
-          case "o":
-            doy = getNumber("o");
+          case 'o':
+            doy = getNumber('o');
             break;
 
-          case "m":
-            month = getNumber("m");
+          case 'm':
+            month = getNumber('m');
             break;
 
-          case "M":
-            month = getName("M", monthNamesShort, monthNames);
+          case 'M':
+            month = getName('M', monthNamesShort, monthNames);
             break;
 
-          case "y":
-            year = getNumber("y");
+          case 'y':
+            year = getNumber('y');
             break;
 
-          case "@":
-            date = new Date(getNumber("@"));
+          case '@':
+            date = new Date(getNumber('@'));
             year = date.getFullYear();
             month = date.getMonth() + 1;
             day = date.getDate();
             break;
 
-          case "!":
-            date = new Date((getNumber("!") - ticksTo1970) / 10000);
+          case '!':
+            date = new Date((getNumber('!') - ticksTo1970) / 10000);
             year = date.getFullYear();
             month = date.getMonth() + 1;
             day = date.getDate();
@@ -2576,6 +2595,7 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
     ObjectUtils.combinedRefs(inputRef, props.inputRef);
   }, [inputRef, props.inputRef]);
   useMountEffect(function () {
+    var unbindMaskEvents = null;
     var viewDate = getViewDate(props.viewDate);
     validateDate(viewDate);
     setViewDateState(viewDate);
@@ -2594,7 +2614,7 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         }
       }
     } else if (props.mask) {
-      mask(inputRef.current, {
+      unbindMaskEvents = mask(inputRef.current, {
         mask: props.mask,
         readOnly: props.readOnlyInput || props.disabled,
         onChange: function onChange(e) {
@@ -2604,13 +2624,20 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
         onBlur: function onBlur() {
           ignoreMaskChange.current = true;
         }
-      });
+      }).unbindEvents;
     }
 
     if (props.value) {
       updateInputfield(props.value);
     }
+
+    return function () {
+      props.mask && unbindMaskEvents();
+    };
   });
+  useUpdateEffect(function () {
+    setCurrentView(props.view);
+  }, [props.view]);
   useUpdateEffect(function () {
     if (!props.onViewDateChange && !viewStateChanged.current) {
       var propValue = props.value;
@@ -2657,22 +2684,32 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
   });
   React.useImperativeHandle(ref, function () {
     return {
+      props: props,
       show: show,
       hide: hide,
       getCurrentDateTime: getCurrentDateTime,
       getViewDate: getViewDate,
-      updateViewDate: updateViewDate
+      updateViewDate: updateViewDate,
+      getElement: function getElement() {
+        return elementRef.current;
+      },
+      getOverlay: function getOverlay() {
+        return overlayRef.current;
+      },
+      getInput: function getInput() {
+        return inputRef.current;
+      }
     };
   });
 
   var createBackwardNavigator = function createBackwardNavigator(isVisible) {
     var navigatorProps = isVisible ? {
-      'onClick': onPrevButtonClick,
-      'onKeyDown': function onKeyDown(e) {
+      onClick: onPrevButtonClick,
+      onKeyDown: function onKeyDown(e) {
         return onContainerButtonKeydown(e);
       }
     } : {
-      'style': {
+      style: {
         visibility: 'hidden'
       }
     };
@@ -2686,12 +2723,12 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
 
   var createForwardNavigator = function createForwardNavigator(isVisible) {
     var navigatorProps = isVisible ? {
-      'onClick': onNextButtonClick,
-      'onKeyDown': function onKeyDown(e) {
+      onClick: onNextButtonClick,
+      onKeyDown: function onKeyDown(e) {
         return onContainerButtonKeydown(e);
       }
     } : {
-      'style': {
+      style: {
         visibility: 'hidden'
       }
     };
@@ -3306,7 +3343,8 @@ var Calendar = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (
           },
           key: "month".concat(i + 1),
           className: classNames('p-monthpicker-month', {
-            'p-highlight': isMonthSelected(i)
+            'p-highlight': isMonthSelected(i),
+            'p-disabled': !isSelectable(0, i, currentYear)
           })
         }, m);
       }));