primereact 8.2.0 → 8.5.0

package/button/button.cjs.min.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/ripple"),n=require("primereact/tooltip"),l=require("primereact/utils");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 l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var o=a(e);function r(){return r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},r.apply(this,arguments)}function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var c=o.memo(o.forwardRef((function(e,a){var s=o.useRef(a);o.useEffect((function(){l.ObjectUtils.combinedRefs(s,a)}),[s,a]);var u=l.ObjectUtils.isNotEmpty(e.tooltip),p=e.disabled||e.loading,b=l.ObjectUtils.findDiffKeys(e,c.defaultProps),d=l.classNames("p-button p-component",e.className,i({"p-button-icon-only":(e.icon||e.loading&&e.loadingIcon)&&!e.label,"p-button-vertical":("top"===e.iconPos||"bottom"===e.iconPos)&&e.label,"p-disabled":p,"p-button-loading":e.loading,"p-button-loading-label-only":e.loading&&!e.icon&&e.label},"p-button-loading-".concat(e.iconPos),e.loading&&e.loadingIcon&&e.label)),f=function(){var t=e.loading?e.loadingIcon:e.icon,n=l.classNames("p-button-icon p-c",i({"p-button-loading-icon":e.loading},"p-button-icon-".concat(e.iconPos),e.label));return l.IconUtils.getJSXIcon(t,{className:n},{props:e})}(),g=e.label?o.createElement("span",{className:"p-button-label p-c"},e.label):!e.children&&!e.label&&o.createElement("span",{className:"p-button-label p-c",dangerouslySetInnerHTML:{__html:"&nbsp;"}}),m=function(){if(e.badge){var t=l.classNames("p-badge",e.badgeClassName);return o.createElement("span",{className:t},e.badge)}return null}();return o.createElement(o.Fragment,null,o.createElement("button",r({ref:s,"aria-label":e.label?e.label+(e.badge?" "+e.badge:""):e["aria-label"]},b,{className:d,disabled:p}),f,g,e.children,m,o.createElement(t.Ripple,null)),u&&o.createElement(n.Tooltip,r({target:s,content:e.tooltip},e.tooltipOptions)))})));c.displayName="Button",c.defaultProps={__TYPE:"Button",label:null,icon:null,iconPos:"left",badge:null,badgeClassName:null,tooltip:null,tooltipOptions:null,disabled:!1,loading:!1,loadingIcon:"pi pi-spinner pi-spin"},exports.Button=c;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("primereact/ripple"),n=require("primereact/tooltip"),l=require("primereact/utils");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 l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var o=a(e);function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},i.apply(this,arguments)}function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var c=o.memo(o.forwardRef((function(e,a){var s=o.useRef(a);if(o.useEffect((function(){l.ObjectUtils.combinedRefs(s,a)}),[s,a]),!1===e.visible)return null;var u=l.ObjectUtils.isNotEmpty(e.tooltip),p=e.disabled||e.loading,b=l.ObjectUtils.findDiffKeys(e,c.defaultProps),d=l.classNames("p-button p-component",e.className,r({"p-button-icon-only":(e.icon||e.loading&&e.loadingIcon)&&!e.label,"p-button-vertical":("top"===e.iconPos||"bottom"===e.iconPos)&&e.label,"p-disabled":p,"p-button-loading":e.loading,"p-button-loading-label-only":e.loading&&!e.icon&&e.label},"p-button-loading-".concat(e.iconPos),e.loading&&e.loadingIcon&&e.label)),f=function(){var t=e.loading?e.loadingIcon:e.icon,n=l.classNames("p-button-icon p-c",r({"p-button-loading-icon":e.loading},"p-button-icon-".concat(e.iconPos),e.label));return l.IconUtils.getJSXIcon(t,{className:n},{props:e})}(),g=e.label?o.createElement("span",{className:"p-button-label p-c"},e.label):!e.children&&!e.label&&o.createElement("span",{className:"p-button-label p-c",dangerouslySetInnerHTML:{__html:"&nbsp;"}}),m=function(){if(e.badge){var t=l.classNames("p-badge",e.badgeClassName);return o.createElement("span",{className:t},e.badge)}return null}();return o.createElement(o.Fragment,null,o.createElement("button",i({ref:s,"aria-label":e.label?e.label+(e.badge?" "+e.badge:""):e["aria-label"]},b,{className:d,disabled:p}),f,g,e.children,m,o.createElement(t.Ripple,null)),u&&o.createElement(n.Tooltip,i({target:s,content:e.tooltip},e.tooltipOptions)))})));c.displayName="Button",c.defaultProps={__TYPE:"Button",label:null,icon:null,iconPos:"left",badge:null,badgeClassName:null,tooltip:null,tooltipOptions:null,disabled:!1,loading:!1,loadingIcon:"pi pi-spinner pi-spin"},exports.Button=c;

package/button/button.d.ts

@@ -4,7 +4,7 @@ import { IconType } from '../utils';
 
 type ButtonPositionType = 'top' | 'bottom' | 'left' | 'right';
 
-export interface ButtonProps extends Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, 'disabled'|'ref'> {
+export interface ButtonProps extends Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, 'disabled' | 'ref'> {
     label?: string;
     icon?: IconType<ButtonProps>;
     iconPos?: ButtonPositionType;
@@ -13,9 +13,12 @@ export interface ButtonProps extends Omit<React.DetailedHTMLProps<React.ButtonHT
     tooltip?: string;
     tooltipOptions?: TooltipOptions;
     disabled?: boolean;
+    visible?: boolean;
     loading?: boolean;
     loadingIcon?: IconType<ButtonProps>;
     children?: React.ReactNode;
 }
 
-export declare class Button extends React.Component<ButtonProps, any> { }
+export declare class Button extends React.Component<ButtonProps, any> {
+    public getElement(): HTMLButtonElement;
+}

package/button/button.esm.js

@@ -42,6 +42,10 @@ var Button = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pr
     ObjectUtils.combinedRefs(elementRef, ref);
   }, [elementRef, ref]);
 
+  if (props.visible === false) {
+    return null;
+  }
+
   var createIcon = function createIcon() {
     var icon = props.loading ? props.loadingIcon : props.icon;
     var className = classNames('p-button-icon p-c', _defineProperty({
@@ -64,7 +68,7 @@ var Button = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (pr
     return !props.children && !props.label && /*#__PURE__*/React.createElement("span", {
       className: "p-button-label p-c",
       dangerouslySetInnerHTML: {
-        __html: " "
+        __html: ' '
       }
     });
   };

package/button/button.esm.min.js

@@ -1 +1 @@
-import*as e from"react";import{Ripple as n}from"primereact/ripple";import{Tooltip as l}from"primereact/tooltip";import{ObjectUtils as t,classNames as o,IconUtils as a}from"primereact/utils";function i(){return i=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var l=arguments[n];for(var t in l)Object.prototype.hasOwnProperty.call(l,t)&&(e[t]=l[t])}return e},i.apply(this,arguments)}function r(e,n,l){return n in e?Object.defineProperty(e,n,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[n]=l,e}var c=e.memo(e.forwardRef((function(p,b){var s=e.useRef(b);e.useEffect((function(){t.combinedRefs(s,b)}),[s,b]);var u=t.isNotEmpty(p.tooltip),d=p.disabled||p.loading,m=t.findDiffKeys(p,c.defaultProps),g=o("p-button p-component",p.className,r({"p-button-icon-only":(p.icon||p.loading&&p.loadingIcon)&&!p.label,"p-button-vertical":("top"===p.iconPos||"bottom"===p.iconPos)&&p.label,"p-disabled":d,"p-button-loading":p.loading,"p-button-loading-label-only":p.loading&&!p.icon&&p.label},"p-button-loading-".concat(p.iconPos),p.loading&&p.loadingIcon&&p.label)),f=function(){var e=p.loading?p.loadingIcon:p.icon,n=o("p-button-icon p-c",r({"p-button-loading-icon":p.loading},"p-button-icon-".concat(p.iconPos),p.label));return a.getJSXIcon(e,{className:n},{props:p})}(),v=p.label?e.createElement("span",{className:"p-button-label p-c"},p.label):!p.children&&!p.label&&e.createElement("span",{className:"p-button-label p-c",dangerouslySetInnerHTML:{__html:"&nbsp;"}}),y=function(){if(p.badge){var n=o("p-badge",p.badgeClassName);return e.createElement("span",{className:n},p.badge)}return null}();return e.createElement(e.Fragment,null,e.createElement("button",i({ref:s,"aria-label":p.label?p.label+(p.badge?" "+p.badge:""):p["aria-label"]},m,{className:g,disabled:d}),f,v,p.children,y,e.createElement(n,null)),u&&e.createElement(l,i({target:s,content:p.tooltip},p.tooltipOptions)))})));c.displayName="Button",c.defaultProps={__TYPE:"Button",label:null,icon:null,iconPos:"left",badge:null,badgeClassName:null,tooltip:null,tooltipOptions:null,disabled:!1,loading:!1,loadingIcon:"pi pi-spinner pi-spin"};export{c as Button};
+import*as e from"react";import{Ripple as n}from"primereact/ripple";import{Tooltip as l}from"primereact/tooltip";import{ObjectUtils as t,classNames as o,IconUtils as a}from"primereact/utils";function i(){return i=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var l=arguments[n];for(var t in l)Object.prototype.hasOwnProperty.call(l,t)&&(e[t]=l[t])}return e},i.apply(this,arguments)}function r(e,n,l){return n in e?Object.defineProperty(e,n,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[n]=l,e}var c=e.memo(e.forwardRef((function(p,b){var s=e.useRef(b);if(e.useEffect((function(){t.combinedRefs(s,b)}),[s,b]),!1===p.visible)return null;var u=t.isNotEmpty(p.tooltip),d=p.disabled||p.loading,m=t.findDiffKeys(p,c.defaultProps),g=o("p-button p-component",p.className,r({"p-button-icon-only":(p.icon||p.loading&&p.loadingIcon)&&!p.label,"p-button-vertical":("top"===p.iconPos||"bottom"===p.iconPos)&&p.label,"p-disabled":d,"p-button-loading":p.loading,"p-button-loading-label-only":p.loading&&!p.icon&&p.label},"p-button-loading-".concat(p.iconPos),p.loading&&p.loadingIcon&&p.label)),f=function(){var e=p.loading?p.loadingIcon:p.icon,n=o("p-button-icon p-c",r({"p-button-loading-icon":p.loading},"p-button-icon-".concat(p.iconPos),p.label));return a.getJSXIcon(e,{className:n},{props:p})}(),v=p.label?e.createElement("span",{className:"p-button-label p-c"},p.label):!p.children&&!p.label&&e.createElement("span",{className:"p-button-label p-c",dangerouslySetInnerHTML:{__html:"&nbsp;"}}),y=function(){if(p.badge){var n=o("p-badge",p.badgeClassName);return e.createElement("span",{className:n},p.badge)}return null}();return e.createElement(e.Fragment,null,e.createElement("button",i({ref:s,"aria-label":p.label?p.label+(p.badge?" "+p.badge:""):p["aria-label"]},m,{className:g,disabled:d}),f,v,p.children,y,e.createElement(n,null)),u&&e.createElement(l,i({target:s,content:p.tooltip},p.tooltipOptions)))})));c.displayName="Button",c.defaultProps={__TYPE:"Button",label:null,icon:null,iconPos:"left",badge:null,badgeClassName:null,tooltip:null,tooltipOptions:null,disabled:!1,loading:!1,loadingIcon:"pi pi-spinner pi-spin"};export{c as Button};

package/button/button.js

@@ -61,6 +61,10 @@ this.primereact.button = (function (exports, React, ripple, tooltip, utils) {
       utils.ObjectUtils.combinedRefs(elementRef, ref);
     }, [elementRef, ref]);
 
+    if (props.visible === false) {
+      return null;
+    }
+
     var createIcon = function createIcon() {
       var icon = props.loading ? props.loadingIcon : props.icon;
       var className = utils.classNames('p-button-icon p-c', _defineProperty({
@@ -83,7 +87,7 @@ this.primereact.button = (function (exports, React, ripple, tooltip, utils) {
       return !props.children && !props.label && /*#__PURE__*/React__namespace.createElement("span", {
         className: "p-button-label p-c",
         dangerouslySetInnerHTML: {
-          __html: " "
+          __html: ' '
         }
       });
     };

package/button/button.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.button=function(e,t,n,l,a){"use strict";function o(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var i=o(t);function r(){return r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},r.apply(this,arguments)}function c(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var s=i.memo(i.forwardRef((function(e,t){var o=i.useRef(t);i.useEffect((function(){a.ObjectUtils.combinedRefs(o,t)}),[o,t]);var u=a.ObjectUtils.isNotEmpty(e.tooltip),p=e.disabled||e.loading,b=a.ObjectUtils.findDiffKeys(e,s.defaultProps),d=a.classNames("p-button p-component",e.className,c({"p-button-icon-only":(e.icon||e.loading&&e.loadingIcon)&&!e.label,"p-button-vertical":("top"===e.iconPos||"bottom"===e.iconPos)&&e.label,"p-disabled":p,"p-button-loading":e.loading,"p-button-loading-label-only":e.loading&&!e.icon&&e.label},"p-button-loading-".concat(e.iconPos),e.loading&&e.loadingIcon&&e.label)),f=function(){var t=e.loading?e.loadingIcon:e.icon,n=a.classNames("p-button-icon p-c",c({"p-button-loading-icon":e.loading},"p-button-icon-".concat(e.iconPos),e.label));return a.IconUtils.getJSXIcon(t,{className:n},{props:e})}(),m=e.label?i.createElement("span",{className:"p-button-label p-c"},e.label):!e.children&&!e.label&&i.createElement("span",{className:"p-button-label p-c",dangerouslySetInnerHTML:{__html:"&nbsp;"}}),g=function(){if(e.badge){var t=a.classNames("p-badge",e.badgeClassName);return i.createElement("span",{className:t},e.badge)}return null}();return i.createElement(i.Fragment,null,i.createElement("button",r({ref:o,"aria-label":e.label?e.label+(e.badge?" "+e.badge:""):e["aria-label"]},b,{className:d,disabled:p}),f,m,e.children,g,i.createElement(n.Ripple,null)),u&&i.createElement(l.Tooltip,r({target:o,content:e.tooltip},e.tooltipOptions)))})));return s.displayName="Button",s.defaultProps={__TYPE:"Button",label:null,icon:null,iconPos:"left",badge:null,badgeClassName:null,tooltip:null,tooltipOptions:null,disabled:!1,loading:!1,loadingIcon:"pi pi-spinner pi-spin"},e.Button=s,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.ripple,primereact.tooltip,primereact.utils);
+this.primereact=this.primereact||{},this.primereact.button=function(e,t,n,l,a){"use strict";function o(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,l.get?l:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var i=o(t);function r(){return r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(e[l]=n[l])}return e},r.apply(this,arguments)}function c(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var s=i.memo(i.forwardRef((function(e,t){var o=i.useRef(t);if(i.useEffect((function(){a.ObjectUtils.combinedRefs(o,t)}),[o,t]),!1===e.visible)return null;var u=a.ObjectUtils.isNotEmpty(e.tooltip),p=e.disabled||e.loading,b=a.ObjectUtils.findDiffKeys(e,s.defaultProps),d=a.classNames("p-button p-component",e.className,c({"p-button-icon-only":(e.icon||e.loading&&e.loadingIcon)&&!e.label,"p-button-vertical":("top"===e.iconPos||"bottom"===e.iconPos)&&e.label,"p-disabled":p,"p-button-loading":e.loading,"p-button-loading-label-only":e.loading&&!e.icon&&e.label},"p-button-loading-".concat(e.iconPos),e.loading&&e.loadingIcon&&e.label)),f=function(){var t=e.loading?e.loadingIcon:e.icon,n=a.classNames("p-button-icon p-c",c({"p-button-loading-icon":e.loading},"p-button-icon-".concat(e.iconPos),e.label));return a.IconUtils.getJSXIcon(t,{className:n},{props:e})}(),m=e.label?i.createElement("span",{className:"p-button-label p-c"},e.label):!e.children&&!e.label&&i.createElement("span",{className:"p-button-label p-c",dangerouslySetInnerHTML:{__html:"&nbsp;"}}),g=function(){if(e.badge){var t=a.classNames("p-badge",e.badgeClassName);return i.createElement("span",{className:t},e.badge)}return null}();return i.createElement(i.Fragment,null,i.createElement("button",r({ref:o,"aria-label":e.label?e.label+(e.badge?" "+e.badge:""):e["aria-label"]},b,{className:d,disabled:p}),f,m,e.children,g,i.createElement(n.Ripple,null)),u&&i.createElement(l.Tooltip,r({target:o,content:e.tooltip},e.tooltipOptions)))})));return s.displayName="Button",s.defaultProps={__TYPE:"Button",label:null,icon:null,iconPos:"left",badge:null,badgeClassName:null,tooltip:null,tooltipOptions:null,disabled:!1,loading:!1,loadingIcon:"pi pi-spinner pi-spin"},e.Button=s,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.ripple,primereact.tooltip,primereact.utils);

package/calendar/calendar.cjs.js

@@ -8,8 +8,8 @@ var button = require('primereact/button');
 var hooks = require('primereact/hooks');
 var inputtext = require('primereact/inputtext');
 var overlayservice = require('primereact/overlayservice');
-var utils = require('primereact/utils');
 var ripple = require('primereact/ripple');
+var utils = require('primereact/utils');
 var csstransition = require('primereact/csstransition');
 var portal = require('primereact/portal');
 
@@ -489,9 +489,8 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     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) {
@@ -499,9 +498,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         });
       }
     } 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);
@@ -515,9 +512,9 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     }
 
     if (currentView === 'month') {
-      decrementYear();
+      newViewDate.setFullYear(decrementYear());
     } else if (currentView === 'year') {
-      decrementDecade();
+      newViewDate.setFullYear(decrementDecade());
     }
 
     updateViewDate(event, newViewDate);
@@ -536,9 +533,8 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     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) {
@@ -546,9 +542,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         });
       }
     } 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);
@@ -562,9 +556,9 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     }
 
     if (currentView === 'month') {
-      incrementYear();
+      newViewDate.setFullYear(incrementYear());
     } else if (currentView === 'year') {
-      incrementDecade();
+      newViewDate.setFullYear(incrementDecade());
     }
 
     updateViewDate(event, newViewDate);
@@ -590,6 +584,8 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       var difference = yearOptions[yearOptions.length - 1] - yearOptions[0];
       populateYearOptions(yearOptions[0] - difference, yearOptions[yearOptions.length - 1] - difference);
     }
+
+    return _currentYear;
   };
 
   var incrementYear = function incrementYear() {
@@ -601,6 +597,8 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       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) {
@@ -1158,7 +1156,14 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
 
     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);
@@ -1173,8 +1178,14 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
 
     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);
@@ -1479,15 +1490,17 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   };
 
   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) {
@@ -1591,6 +1604,8 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       overlayEventListener.current = null;
     };
 
+    props.touchUI && disableModality();
+
     if (props.onVisibleChange) {
       props.onVisibleChange({
         visible: false,
@@ -1660,6 +1675,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
 
       touchUIMaskClickListener.current = function () {
         disableModality();
+        hide();
       };
 
       touchUIMask.current.addEventListener('click', touchUIMaskClickListener.current);
@@ -1678,10 +1694,13 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   };
 
   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;
 
@@ -1746,8 +1765,8 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     }
 
     return {
-      'month': m,
-      'year': y
+      month: m,
+      year: y
     };
   };
 
@@ -1763,8 +1782,8 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     }
 
     return {
-      'month': m,
-      'year': y
+      month: m,
+      year: y
     };
   };
 
@@ -1908,7 +1927,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         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;
           }
         }
@@ -1922,7 +1941,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         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;
           }
         }
@@ -2197,7 +2216,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     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);
@@ -2236,9 +2255,9 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
               output += date.getTime() * 10000 + ticksTo1970;
               break;
 
-            case '\'':
-              if (lookAhead('\'')) {
-                output += '\'';
+            case "'":
+              if (lookAhead("'")) {
+                output += "'";
               } else {
                 literal = true;
               }
@@ -2403,9 +2422,9 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       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;
     }
 
@@ -2413,7 +2432,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         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,
@@ -2431,9 +2450,9 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     },
         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) {
@@ -2499,39 +2518,39 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         }
       } 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();
@@ -2603,6 +2622,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     utils.ObjectUtils.combinedRefs(inputRef, props.inputRef);
   }, [inputRef, props.inputRef]);
   hooks.useMountEffect(function () {
+    var unbindMaskEvents = null;
     var viewDate = getViewDate(props.viewDate);
     validateDate(viewDate);
     setViewDateState(viewDate);
@@ -2621,7 +2641,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         }
       }
     } else if (props.mask) {
-      utils.mask(inputRef.current, {
+      unbindMaskEvents = utils.mask(inputRef.current, {
         mask: props.mask,
         readOnly: props.readOnlyInput || props.disabled,
         onChange: function onChange(e) {
@@ -2631,13 +2651,20 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         onBlur: function onBlur() {
           ignoreMaskChange.current = true;
         }
-      });
+      }).unbindEvents;
     }
 
     if (props.value) {
       updateInputfield(props.value);
     }
+
+    return function () {
+      props.mask && unbindMaskEvents();
+    };
   });
+  hooks.useUpdateEffect(function () {
+    setCurrentView(props.view);
+  }, [props.view]);
   hooks.useUpdateEffect(function () {
     if (!props.onViewDateChange && !viewStateChanged.current) {
       var propValue = props.value;
@@ -2684,22 +2711,32 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   });
   React__namespace.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'
       }
     };
@@ -2713,12 +2750,12 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
 
   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'
       }
     };
@@ -3333,7 +3370,8 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
           },
           key: "month".concat(i + 1),
           className: utils.classNames('p-monthpicker-month', {
-            'p-highlight': isMonthSelected(i)
+            'p-highlight': isMonthSelected(i),
+            'p-disabled': !isSelectable(0, i, currentYear)
           })
         }, m);
       }));