primereact 10.3.0 → 10.3.1

package/blockui/blockui.js

@@ -183,6 +183,7 @@ this.primereact.blockui = (function (exports, React, PrimeReact, componentbase,
       setVisibleState = _React$useState2[1];
     var elementRef = React__namespace.useRef(null);
     var maskRef = React__namespace.useRef(null);
+    var activeElementRef = React__namespace.useRef(null);
     var _BlockUIBase$setMetaD = BlockUIBase.setMetaData({
         props: props
       }),
@@ -194,11 +195,15 @@ this.primereact.blockui = (function (exports, React, PrimeReact, componentbase,
     });
     var block = function block() {
       setVisibleState(true);
+      activeElementRef.current = document.activeElement;
     };
     var unblock = function unblock() {
       var callback = function callback() {
         setVisibleState(false);
-        props.fullScreen && utils.DomHandler.unblockBodyScroll();
+        if (props.fullScreen) {
+          utils.DomHandler.unblockBodyScroll();
+          activeElementRef.current && activeElementRef.current.focus();
+        }
         props.onUnblocked && props.onUnblocked();
       };
       if (maskRef.current) {
@@ -214,7 +219,7 @@ this.primereact.blockui = (function (exports, React, PrimeReact, componentbase,
     var onPortalMounted = function onPortalMounted() {
       if (props.fullScreen) {
         utils.DomHandler.blockBodyScroll();
-        document.activeElement.blur();
+        activeElementRef.current && activeElementRef.current.blur();
       }
       if (props.autoZIndex) {
         var key = props.fullScreen ? 'modal' : 'overlay';
@@ -229,9 +234,7 @@ this.primereact.blockui = (function (exports, React, PrimeReact, componentbase,
       props.blocked ? block() : unblock();
     }, [props.blocked]);
     hooks.useUnmountEffect(function () {
-      if (props.fullScreen) {
-        utils.DomHandler.unblockBodyScroll();
-      }
+      props.fullScreen && utils.DomHandler.unblockBodyScroll();
       utils.ZIndexUtils.clear(maskRef.current);
     });
     React__namespace.useImperativeHandle(ref, function () {

package/blockui/blockui.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.blockui=function(e,t,n,r,o,l,c){"use strict";function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var i=u(t),s=a(n);function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},f.apply(this,arguments)}function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function d(e,t){if("object"!==p(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==p(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function m(e){var t=d(e,"string");return"symbol"===p(t)?t:String(t)}function b(e){if(Array.isArray(e))return e}function y(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,c,a=[],u=!0,i=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=l.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){i=!0,o=e}finally{try{if(!u&&null!=n.return&&(c=n.return(),Object(c)!==c))return}finally{if(i)throw o}}return a}}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function O(e,t){if(e){if("string"==typeof e)return v(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?v(e,t):void 0}}function k(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var g=r.ComponentBase.extend({defaultProps:{__TYPE:"BlockUI",autoZIndex:!0,baseZIndex:0,blocked:!1,className:null,containerClassName:null,containerStyle:null,fullScreen:!1,id:null,onBlocked:null,onUnblocked:null,style:null,template:null,children:void 0},css:{classes:{root:function(e){return c.classNames("p-blockui-container",e.props.containerClassName)},mask:function(e){return c.classNames("p-blockui p-component-overlay p-component-overlay-enter",{"p-blockui-document":e.props.fullScreen})}},styles:"\n@layer primereact {\n    .p-blockui-container {\n        position: relative;\n    }\n    \n    .p-blockui {\n        opacity: 1;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-blockui.p-component-overlay {\n        position: absolute;\n    }\n    \n    .p-blockui-document.p-component-overlay {\n        position: fixed;\n    }\n}\n"}});function j(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function S(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){var r,o,l;r=e,l=n[t],(o=m(o=t))in r?Object.defineProperty(r,o,{value:l,enumerable:!0,configurable:!0,writable:!0}):r[o]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var h=i.forwardRef((function(e,t){var a,u,p=i.useContext(n.PrimeReactContext),d=g.getProps(e,p),m=i.useState(d.blocked),v=(u=2,b(a=m)||y(a,u)||O(a,u)||k()),j=v[0],h=v[1],P=i.useRef(null),x=i.useRef(null),I=g.setMetaData({props:d}),w=I.ptm,E=I.cx;r.useHandleStyle(g.css.styles,I.isUnstyled,{name:"blockui"});var U=function(){h(!0)},N=function(){var e=function(){h(!1),d.fullScreen&&c.DomHandler.unblockBodyScroll(),d.onUnblocked&&d.onUnblocked()};x.current?(c.DomHandler.addClass(x.current,"p-component-overlay-leave"),x.current.addEventListener("animationend",(function(){c.ZIndexUtils.clear(x.current),e()}))):e()},B=function(){if(d.fullScreen&&(c.DomHandler.blockBodyScroll(),document.activeElement.blur()),d.autoZIndex){var e=d.fullScreen?"modal":"overlay";c.ZIndexUtils.set(e,x.current,p&&p.autoZIndex||s.default.autoZIndex,d.baseZIndex||p&&p.zIndex[e]||s.default.zIndex[e])}d.onBlocked&&d.onBlocked()};o.useMountEffect((function(){j&&U()})),o.useUpdateEffect((function(){d.blocked?U():N()}),[d.blocked]),o.useUnmountEffect((function(){d.fullScreen&&c.DomHandler.unblockBodyScroll(),c.ZIndexUtils.clear(x.current)})),i.useImperativeHandle(t,(function(){return{props:d,block:U,unblock:N,getElement:function(){return P.current}}}));var D=function(){if(j){var e=d.fullScreen?document.body:"self",t=c.mergeProps({className:c.classNames(d.className,E("mask")),style:S(S({},d.style),{},{position:d.fullScreen?"fixed":"absolute",top:"0",left:"0",width:"100%",height:"100%"})},w("mask")),n=d.template?c.ObjectUtils.getJSXElement(d.template,d):null,r=i.createElement("div",f({ref:x},t),n);return i.createElement(l.Portal,{element:r,appendTo:e,onMounted:B})}return null}(),Z=c.mergeProps({id:d.id,ref:P,style:d.containerStyle,className:E("root"),"aria-busy":d.blocked},g.getOtherProps(d),w("root"));return i.createElement("div",Z,d.children,D)}));return h.displayName="BlockUI",e.BlockUI=h,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.portal,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.blockui=function(e,t,n,r,o,l,c){"use strict";function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var i=a(t),s=u(n);function f(){return f=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},f.apply(this,arguments)}function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function d(e,t){if("object"!==p(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==p(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function m(e){var t=d(e,"string");return"symbol"===p(t)?t:String(t)}function b(e){if(Array.isArray(e))return e}function y(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,l,c,u=[],a=!0,i=!1;try{if(l=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;a=!1}else for(;!(a=(r=l.call(n)).done)&&(u.push(r.value),u.length!==t);a=!0);}catch(e){i=!0,o=e}finally{try{if(!a&&null!=n.return&&(c=n.return(),Object(c)!==c))return}finally{if(i)throw o}}return u}}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function O(e,t){if(e){if("string"==typeof e)return v(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?v(e,t):void 0}}function k(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var g=r.ComponentBase.extend({defaultProps:{__TYPE:"BlockUI",autoZIndex:!0,baseZIndex:0,blocked:!1,className:null,containerClassName:null,containerStyle:null,fullScreen:!1,id:null,onBlocked:null,onUnblocked:null,style:null,template:null,children:void 0},css:{classes:{root:function(e){return c.classNames("p-blockui-container",e.props.containerClassName)},mask:function(e){return c.classNames("p-blockui p-component-overlay p-component-overlay-enter",{"p-blockui-document":e.props.fullScreen})}},styles:"\n@layer primereact {\n    .p-blockui-container {\n        position: relative;\n    }\n    \n    .p-blockui {\n        opacity: 1;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n    \n    .p-blockui.p-component-overlay {\n        position: absolute;\n    }\n    \n    .p-blockui-document.p-component-overlay {\n        position: fixed;\n    }\n}\n"}});function j(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function S(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){var r,o,l;r=e,l=n[t],(o=m(o=t))in r?Object.defineProperty(r,o,{value:l,enumerable:!0,configurable:!0,writable:!0}):r[o]=l})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var h=i.forwardRef((function(e,t){var u,a,p=i.useContext(n.PrimeReactContext),d=g.getProps(e,p),m=i.useState(d.blocked),v=(a=2,b(u=m)||y(u,a)||O(u,a)||k()),j=v[0],h=v[1],P=i.useRef(null),x=i.useRef(null),I=i.useRef(null),w=g.setMetaData({props:d}),E=w.ptm,U=w.cx;r.useHandleStyle(g.css.styles,w.isUnstyled,{name:"blockui"});var N=function(){h(!0),I.current=document.activeElement},B=function(){var e=function(){h(!1),d.fullScreen&&(c.DomHandler.unblockBodyScroll(),I.current&&I.current.focus()),d.onUnblocked&&d.onUnblocked()};x.current?(c.DomHandler.addClass(x.current,"p-component-overlay-leave"),x.current.addEventListener("animationend",(function(){c.ZIndexUtils.clear(x.current),e()}))):e()},D=function(){if(d.fullScreen&&(c.DomHandler.blockBodyScroll(),I.current&&I.current.blur()),d.autoZIndex){var e=d.fullScreen?"modal":"overlay";c.ZIndexUtils.set(e,x.current,p&&p.autoZIndex||s.default.autoZIndex,d.baseZIndex||p&&p.zIndex[e]||s.default.zIndex[e])}d.onBlocked&&d.onBlocked()};o.useMountEffect((function(){j&&N()})),o.useUpdateEffect((function(){d.blocked?N():B()}),[d.blocked]),o.useUnmountEffect((function(){d.fullScreen&&c.DomHandler.unblockBodyScroll(),c.ZIndexUtils.clear(x.current)})),i.useImperativeHandle(t,(function(){return{props:d,block:N,unblock:B,getElement:function(){return P.current}}}));var Z=function(){if(j){var e=d.fullScreen?document.body:"self",t=c.mergeProps({className:c.classNames(d.className,U("mask")),style:S(S({},d.style),{},{position:d.fullScreen?"fixed":"absolute",top:"0",left:"0",width:"100%",height:"100%"})},E("mask")),n=d.template?c.ObjectUtils.getJSXElement(d.template,d):null,r=i.createElement("div",f({ref:x},t),n);return i.createElement(l.Portal,{element:r,appendTo:e,onMounted:D})}return null}(),C=c.mergeProps({id:d.id,ref:P,style:d.containerStyle,className:U("root"),"aria-busy":d.blocked},g.getOtherProps(d),E("root"));return i.createElement("div",C,d.children,Z)}));return h.displayName="BlockUI",e.BlockUI=h,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.portal,primereact.utils);

package/calendar/calendar.cjs.js

@@ -186,22 +186,22 @@ var classes = {
   yearPicker: 'p-yearpicker',
   year: function year(_ref2) {
     var isYearSelected = _ref2.isYearSelected,
-      isSelectable = _ref2.isSelectable,
-      y = _ref2.y;
+      y = _ref2.y,
+      isMonthYearDisabled = _ref2.isMonthYearDisabled;
     return utils.classNames('p-yearpicker-year', {
       'p-highlight': isYearSelected(y),
-      'p-disabled': !isSelectable(0, -1, y)
+      'p-disabled': isMonthYearDisabled(-1, y)
     });
   },
   monthPicker: 'p-monthpicker',
   month: function month(_ref3) {
     var isMonthSelected = _ref3.isMonthSelected,
-      isSelectable = _ref3.isSelectable,
+      isMonthYearDisabled = _ref3.isMonthYearDisabled,
       i = _ref3.i,
       currentYear = _ref3.currentYear;
     return utils.classNames('p-monthpicker-month', {
       'p-highlight': isMonthSelected(i),
-      'p-disabled': !isSelectable(0, i, currentYear)
+      'p-disabled': isMonthYearDisabled(i, currentYear)
     });
   },
   hourPicker: 'p-hour-picker',
@@ -1152,7 +1152,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       }
       value.setFullYear(viewYear);
     }
-    if (props.monthNavigator && props.view !== 'month') {
+    if (renderMonthsNavigator(0)) {
       var viewMonth = value.getMonth();
       var viewMonthWithMinMax = parseInt(isInMinYear(value) && Math.max(props.minDate.getMonth(), viewMonth).toString() || isInMaxYear(value) && Math.min(props.maxDate.getMonth(), viewMonth).toString() || viewMonth);
       value.setMonth(viewMonthWithMinMax);
@@ -1192,7 +1192,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   };
   var updateViewDate = function updateViewDate(event, value) {
     validateDate(value);
-    if (props.onViewDateChange) {
+    if (props.onViewDateChange && event) {
       props.onViewDateChange({
         originalEvent: event,
         value: value
@@ -1709,17 +1709,24 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       var key = props.touchUI ? 'modal' : 'overlay';
       utils.ZIndexUtils.set(key, overlayRef.current, context && context.autoZIndex || PrimeReact__default["default"].autoZIndex, props.baseZIndex || context && context.zIndex[key] || PrimeReact__default["default"].zIndex[key]);
     }
-    alignOverlay();
-  };
-  var onOverlayEntered = function onOverlayEntered() {
     if (!props.touchUI && overlayRef && overlayRef.current && inputRef && inputRef.current && !appendDisabled()) {
+      var inputWidth = utils.DomHandler.getOuterWidth(inputRef.current);
+
+      // #5435 must have reasonable width if input is too small
+      if (inputWidth < 220) {
+        inputWidth = 220;
+      }
       if (props.view === 'date') {
         overlayRef.current.style.width = utils.DomHandler.getOuterWidth(overlayRef.current) + 'px';
-        overlayRef.current.style.minWidth = utils.DomHandler.getOuterWidth(inputRef.current) + 'px';
+        overlayRef.current.style.minWidth = inputWidth + 'px';
       } else {
-        overlayRef.current.style.width = utils.DomHandler.getOuterWidth(inputRef.current) + 'px';
+        overlayRef.current.style.minWidth = inputWidth + 'px';
+        overlayRef.current.style.width = inputWidth + 'px';
       }
     }
+    alignOverlay();
+  };
+  var onOverlayEntered = function onOverlayEntered() {
     bindOverlayListener();
     props.onShow && props.onShow();
     utils.DomHandler.focusFirstElement(overlayRef.current);
@@ -1733,7 +1740,8 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     props.onHide && props.onHide();
   };
   var appendDisabled = function appendDisabled() {
-    return props.appendTo === 'self' || props.inline;
+    var appendTo = props.appendTo || context && context.appendTo || PrimeReact__default["default"].appendTo;
+    return appendTo === 'self' || props.inline;
   };
   var alignOverlay = function alignOverlay() {
     if (props.touchUI) {
@@ -1987,10 +1995,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         }
       }
     }
-    if (props.disabledDates || props.enabledDates) {
-      validDate = !isDateDisabled(day, month, year);
-    }
-    if (props.disabledDays && currentView === 'date') {
+    if (props.disabledDates || props.enabledDates || props.disabledDays) {
       validDay = !isDayDisabled(day, month, year);
     }
     if (props.selectOtherMonths === false && otherMonth) {
@@ -2123,27 +2128,45 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   var isToday = function isToday(today, day, month, year) {
     return today.getDate() === day && today.getMonth() === month && today.getFullYear() === year;
   };
-  var isDateDisabled = function isDateDisabled(day, month, year) {
+  var isDayDisabled = function isDayDisabled(day, month, year) {
     if (props.disabledDates) {
-      return props.disabledDates.some(function (d) {
+      if (props.disabledDates.some(function (d) {
         return d.getFullYear() === year && d.getMonth() === month && d.getDate() === day;
-      });
-    }
-    if (props.enabledDates) {
-      return !props.enabledDates.some(function (d) {
+      })) {
+        return true;
+      }
+    } else if (props.enabledDates) {
+      if (!props.enabledDates.some(function (d) {
         return d.getFullYear() === year && d.getMonth() === month && d.getDate() === day;
-      });
+      })) {
+        return true;
+      }
     }
-    return false;
-  };
-  var isDayDisabled = function isDayDisabled(day, month, year) {
-    if (props.disabledDays) {
+    if (props.disabledDays && currentView === 'date') {
       var weekday = new Date(year, month, day);
       var weekdayNumber = weekday.getDay();
-      return props.disabledDays.indexOf(weekdayNumber) !== -1;
+      if (props.disabledDays.indexOf(weekdayNumber) !== -1) {
+        return true;
+      }
     }
     return false;
   };
+  var isMonthYearDisabled = function isMonthYearDisabled(month, year) {
+    var daysCountInAllMonth = month === -1 ? new Array(12).fill(0).map(function (_, i) {
+      return getDaysCountInMonth(i, year);
+    }) : [getDaysCountInMonth(month, year)];
+    for (var i = 0; i < daysCountInAllMonth.length; i++) {
+      var monthDays = daysCountInAllMonth[i];
+      var _month = month === -1 ? i : month;
+      for (var day = 1; day <= monthDays; day++) {
+        var isDateSelectable = isSelectable(day, _month, year);
+        if (isDateSelectable) {
+          return false;
+        }
+      }
+    }
+    return true;
+  };
   var updateInputfield = function updateInputfield(value) {
     if (!inputRef.current) {
       return;
@@ -2625,7 +2648,18 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     if (!props.onViewDateChange && !viewStateChanged.current) {
       setValue(props.value);
     }
-  }, [props.onViewDateChange, props.value]);
+    if (props.viewDate) {
+      updateViewDate(null, getViewDate(props.viewDate));
+    }
+  }, [props.onViewDateChange, props.value, props.viewDate]);
+  hooks.useUpdateEffect(function () {
+    if (overlayVisibleState || props.visible) {
+      // Github #5529
+      setTimeout(function () {
+        alignOverlay();
+      });
+    }
+  }, [currentView, overlayVisibleState, props.visible]);
   hooks.useUpdateEffect(function () {
     var newDate = props.value;
     if (previousValue !== newDate) {
@@ -2656,7 +2690,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   }, [props.value, visible]);
   hooks.useUpdateEffect(function () {
     updateInputfield(props.value);
-  }, [props.dateFormat, props.hourFormat, props.timeOnly, props.showSeconds, props.showMillisec, props.showTime]);
+  }, [props.dateFormat, props.hourFormat, props.timeOnly, props.showSeconds, props.showMillisec, props.showTime, props.locale]);
   hooks.useUpdateEffect(function () {
     if (overlayRef.current) {
       setNavigationState(viewDateState);
@@ -2759,9 +2793,12 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       ref: nextButton
     }, nextButtonProps), forwardNavigatorIcon, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
   };
-  var createTitleMonthElement = function createTitleMonthElement(month) {
+  var renderMonthsNavigator = function renderMonthsNavigator(index) {
+    return props.monthNavigator && props.view !== 'month' && (props.numberOfMonths === 1 || index === 0);
+  };
+  var createTitleMonthElement = function createTitleMonthElement(month, monthIndex) {
     var monthNames = PrimeReact.localeOption('monthNames', props.locale);
-    if (props.monthNavigator && props.view !== 'month') {
+    if (renderMonthsNavigator(monthIndex)) {
       var viewDate = getViewDate();
       var viewMonth = viewDate.getMonth();
       var displayedMonthOptions = monthNames.map(function (month, index) {
@@ -2883,8 +2920,8 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     }
     return null;
   };
-  var createTitle = function createTitle(monthMetaData) {
-    var month = createTitleMonthElement(monthMetaData.month);
+  var createTitle = function createTitle(monthMetaData, index) {
+    var month = createTitleMonthElement(monthMetaData.month, index);
     var year = createTitleYearElement(monthMetaData.year);
     var decade = createTitleDecadeElement();
     var titleProps = utils.mergeProps({
@@ -2941,7 +2978,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         disabled: !date.selectable
       }
     }));
-    return /*#__PURE__*/React__namespace.createElement("span", dayLabelProps, content, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
+    return /*#__PURE__*/React__namespace.createElement("span", dayLabelProps, content);
   };
   var createWeek = function createWeek(weekDates, weekNumber, groupIndex) {
     var week = weekDates.map(function (date) {
@@ -3014,7 +3051,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     var weekDays = createWeekDaysMeta();
     var backwardNavigator = createBackwardNavigator(index === 0);
     var forwardNavigator = createForwardNavigator(props.numberOfMonths === 1 || index === props.numberOfMonths - 1);
-    var title = createTitle(monthMetaData);
+    var title = createTitle(monthMetaData, index);
     var dateViewGrid = createDateViewGrid(monthMetaData, weekDays, index);
     var header = props.headerTemplate ? props.headerTemplate() : null;
     var monthKey = monthMetaData.month + '-' + monthMetaData.year;
@@ -3393,7 +3430,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         var monthProps = utils.mergeProps({
           className: cx('month', {
             isMonthSelected: isMonthSelected,
-            isSelectable: isSelectable,
+            isMonthYearDisabled: isMonthYearDisabled,
             i: i,
             currentYear: currentYear
           }),
@@ -3403,14 +3440,14 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
           onKeyDown: function onKeyDown(event) {
             return onMonthCellKeydown(event, i);
           },
-          'data-p-disabled': !m.selectable,
+          'data-p-disabled': isMonthYearDisabled(i, currentYear),
           'data-p-highlight': isMonthSelected(i)
         }, ptm('month', {
           context: {
             month: m,
             monthIndex: i,
             selected: isMonthSelected(i),
-            disabled: !m.selectable
+            disabled: isMonthYearDisabled(i, currentYear)
           }
         }));
         return /*#__PURE__*/React__namespace.createElement("span", _extends({}, monthProps, {
@@ -3429,20 +3466,20 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         var yearProps = utils.mergeProps({
           className: cx('year', {
             isYearSelected: isYearSelected,
-            isSelectable: isSelectable,
+            isMonthYearDisabled: isMonthYearDisabled,
             y: y
           }),
           onClick: function onClick(event) {
             return onYearSelect(event, y);
           },
           'data-p-highlight': isYearSelected(y),
-          'data-p-disabled': !isSelectable(0, -1, y)
+          'data-p-disabled': isMonthYearDisabled(-1, y)
         }, ptm('year', {
           context: {
             year: y,
             yearIndex: i,
             selected: isYearSelected(i),
-            disabled: !y.selectable
+            disabled: isMonthYearDisabled(-1, y)
           }
         }));
         return /*#__PURE__*/React__namespace.createElement("span", _extends({}, yearProps, {