primereact 10.3.1 → 10.3.2

package/button/button.js

@@ -1,5 +1,5 @@
 this.primereact = this.primereact || {};
-this.primereact.button = (function (exports, React, api, componentbase, utils, spinner, ripple, tooltip) {
+this.primereact.button = (function (exports, React, api, componentbase, hooks, utils, spinner, ripple, tooltip) {
   'use strict';
 
   function _interopNamespace(e) {
@@ -110,6 +110,7 @@ this.primereact.button = (function (exports, React, api, componentbase, utils, s
   function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var Badge = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(api.PrimeReactContext);
     var props = BadgeBase.getProps(inProps, context);
     var _BadgeBase$setMetaDat = BadgeBase.setMetaData(_objectSpread$1({
@@ -130,7 +131,7 @@ this.primereact.button = (function (exports, React, api, componentbase, utils, s
         }
       };
     });
-    var rootProps = utils.mergeProps({
+    var rootProps = mergeProps({
       ref: elementRef,
       style: props.style,
       className: utils.classNames(props.className, cx('root'))
@@ -204,6 +205,7 @@ this.primereact.button = (function (exports, React, api, componentbase, utils, s
   function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
   function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
   var Button = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+    var mergeProps = hooks.useMergeProps();
     var context = React__namespace.useContext(api.PrimeReactContext);
     var props = ButtonBase.getProps(inProps, context);
     var disabled = props.disabled || props.loading;
@@ -231,13 +233,13 @@ this.primereact.button = (function (exports, React, api, componentbase, utils, s
     }
     var createIcon = function createIcon() {
       var className = utils.classNames('p-button-icon p-c', _defineProperty({}, "p-button-icon-".concat(props.iconPos), props.label));
-      var iconsProps = utils.mergeProps({
+      var iconsProps = mergeProps({
         className: cx('icon')
       }, ptm('icon'));
       className = utils.classNames(className, {
         'p-button-loading-icon': props.loading
       });
-      var loadingIconProps = utils.mergeProps({
+      var loadingIconProps = mergeProps({
         className: cx('loadingIcon', {
           className: className
         })
@@ -250,7 +252,7 @@ this.primereact.button = (function (exports, React, api, componentbase, utils, s
       });
     };
     var createLabel = function createLabel() {
-      var labelProps = utils.mergeProps({
+      var labelProps = mergeProps({
         className: cx('label')
       }, ptm('label'));
       if (props.label) {
@@ -264,7 +266,7 @@ this.primereact.button = (function (exports, React, api, componentbase, utils, s
     };
     var createBadge = function createBadge() {
       if (props.badge) {
-        var badgeProps = utils.mergeProps({
+        var badgeProps = mergeProps({
           className: utils.classNames(props.badgeClassName),
           value: props.badge,
           unstyled: props.unstyled,
@@ -287,7 +289,7 @@ this.primereact.button = (function (exports, React, api, componentbase, utils, s
     var label = createLabel();
     var badge = createBadge();
     var defaultAriaLabel = props.label ? props.label + (props.badge ? ' ' + props.badge : '') : props['aria-label'];
-    var rootProps = utils.mergeProps({
+    var rootProps = mergeProps({
       ref: elementRef,
       'aria-label': defaultAriaLabel,
       className: utils.classNames(props.className, cx('root', {
@@ -311,4 +313,4 @@ this.primereact.button = (function (exports, React, api, componentbase, utils, s
 
   return exports;
 
-})({}, React, primereact.api, primereact.componentbase, primereact.utils, primereact.icons.spinner, primereact.ripple, primereact.tooltip);
+})({}, React, primereact.api, primereact.componentbase, primereact.hooks, primereact.utils, primereact.icons.spinner, primereact.ripple, primereact.tooltip);

package/button/button.min.js

@@ -1 +1 @@
-this.primereact=this.primereact||{},this.primereact.button=function(e,t,n,r,o,a,l,i){"use strict";function s(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 c=s(t);function p(){return p=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},p.apply(this,arguments)}function u(e){return u="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},u(e)}function b(e,t){if("object"!==u(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==u(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}function d(e){var t=b(e,"string");return"symbol"===u(t)?t:String(t)}function m(e,t,n){return(t=d(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var g=r.ComponentBase.extend({defaultProps:{__TYPE:"Badge",__parentMetadata:null,value:null,severity:null,size:null,style:null,className:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return o.classNames("p-badge p-component",m({"p-badge-no-gutter":o.ObjectUtils.isNotEmpty(t.value)&&1===String(t.value).length,"p-badge-dot":o.ObjectUtils.isEmpty(t.value),"p-badge-lg":"large"===t.size,"p-badge-xl":"xlarge"===t.size},"p-badge-".concat(t.severity),null!==t.severity))}},styles:"\n@layer primereact {\n    .p-badge {\n        display: inline-block;\n        border-radius: 10px;\n        text-align: center;\n        padding: 0 .5rem;\n    }\n    \n    .p-overlay-badge {\n        position: relative;\n    }\n    \n    .p-overlay-badge .p-badge {\n        position: absolute;\n        top: 0;\n        right: 0;\n        transform: translate(50%,-50%);\n        transform-origin: 100% 0;\n        margin: 0;\n    }\n    \n    .p-badge-dot {\n        width: .5rem;\n        min-width: .5rem;\n        height: .5rem;\n        border-radius: 50%;\n        padding: 0;\n    }\n    \n    .p-badge-no-gutter {\n        padding: 0;\n        border-radius: 50%;\n    }\n}\n"}});function f(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 y(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?f(Object(n),!0).forEach((function(t){m(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):f(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var v=c.memo(c.forwardRef((function(e,t){var a=c.useContext(n.PrimeReactContext),l=g.getProps(e,a),i=g.setMetaData(y({props:l},l.__parentMetadata)),s=i.ptm,p=i.cx;r.useHandleStyle(g.css.styles,i.isUnstyled,{name:"badge"});var u=c.useRef(null);c.useImperativeHandle(t,(function(){return{props:l,getElement:function(){return u.current}}}));var b=o.mergeProps({ref:u,style:l.style,className:o.classNames(l.className,p("root"))},g.getOtherProps(l),s("root"));return c.createElement("span",b,l.value)})));v.displayName="Badge";var O=r.ComponentBase.extend({defaultProps:{__TYPE:"Button",__parentMetadata:null,badge:null,badgeClassName:null,className:null,children:void 0,disabled:!1,icon:null,iconPos:"left",label:null,link:!1,loading:!1,loadingIcon:null,outlined:!1,plain:!1,raised:!1,rounded:!1,severity:null,size:null,text:!1,tooltip:null,tooltipOptions:null,visible:!0},css:{classes:{icon:function(e){var t=e.props;return o.classNames("p-button-icon p-c",m({},"p-button-icon-".concat(t.iconPos),t.label))},loadingIcon:function(e){return o.classNames(e.className,{"p-button-loading-icon":e.props.loading})},label:"p-button-label p-c",root:function(e){var t=e.props,n=e.size;return o.classNames("p-button p-component",m(m(m(m({"p-button-icon-only":(t.icon||t.loading)&&!t.label&&!t.children,"p-button-vertical":("top"===t.iconPos||"bottom"===t.iconPos)&&t.label,"p-disabled":e.disabled,"p-button-loading":t.loading,"p-button-outlined":t.outlined,"p-button-raised":t.raised,"p-button-link":t.link,"p-button-text":t.text,"p-button-rounded":t.rounded,"p-button-loading-label-only":t.loading&&!t.icon&&t.label},"p-button-loading-".concat(t.iconPos),t.loading&&t.label),"p-button-".concat(n),n),"p-button-".concat(t.severity),t.severity),"p-button-plain",t.plain))}}}});function P(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 j(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?P(Object(n),!0).forEach((function(t){m(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):P(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var h=c.memo(c.forwardRef((function(e,t){var s=c.useContext(n.PrimeReactContext),u=O.getProps(e,s),b=u.disabled||u.loading,d=j(j({props:u},u.__parentMetadata),{},{context:{disabled:b}}),g=O.setMetaData(d),f=g.ptm,y=g.cx;r.useHandleStyle(O.css.styles,g.isUnstyled,{name:"button",styled:!0});var P=c.useRef(t);if(c.useEffect((function(){o.ObjectUtils.combinedRefs(P,t)}),[P,t]),!1===u.visible)return null;var h,N=!b||u.tooltipOptions&&u.tooltipOptions.showOnDisabled,w=o.ObjectUtils.isNotEmpty(u.tooltip)&&N,E={large:"lg",small:"sm"}[u.size],_=function(){var e=o.classNames("p-button-icon p-c",m({},"p-button-icon-".concat(u.iconPos),u.label)),t=o.mergeProps({className:y("icon")},f("icon"));e=o.classNames(e,{"p-button-loading-icon":u.loading});var n=o.mergeProps({className:y("loadingIcon",{className:e})},f("loadingIcon")),r=u.loading?u.loadingIcon||c.createElement(a.SpinnerIcon,p({},n,{spin:!0})):u.icon;return o.IconUtils.getJSXIcon(r,j({},t),{props:u})}(),S=(h=o.mergeProps({className:y("label")},f("label")),u.label?c.createElement("span",h,u.label):!u.children&&!u.label&&c.createElement("span",p({},h,{dangerouslySetInnerHTML:{__html:"&nbsp;"}}))),x=function(){if(u.badge){var e=o.mergeProps({className:o.classNames(u.badgeClassName),value:u.badge,unstyled:u.unstyled,__parentMetadata:{parent:d}},f("badge"));return c.createElement(v,e,u.badge)}return null}(),D=o.mergeProps({ref:P,"aria-label":u.label?u.label+(u.badge?" "+u.badge:""):u["aria-label"],className:o.classNames(u.className,y("root",{size:E,disabled:b})),disabled:b},O.getOtherProps(u),f("root"));return c.createElement(c.Fragment,null,c.createElement("button",D,_,S,u.children,x,c.createElement(l.Ripple,null)),w&&c.createElement(i.Tooltip,p({target:P,content:u.tooltip},u.tooltipOptions,{pt:f("tooltip")})))})));return h.displayName="Button",e.Button=h,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.utils,primereact.icons.spinner,primereact.ripple,primereact.tooltip);
+this.primereact=this.primereact||{},this.primereact.button=function(e,t,n,r,o,a,l,i,s){"use strict";function c(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 p=c(t);function u(){return u=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},u.apply(this,arguments)}function b(e){return b="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},b(e)}function d(e,t){if("object"!==b(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==b(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"===b(t)?t:String(t)}function g(e,t,n){return(t=m(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var f=r.ComponentBase.extend({defaultProps:{__TYPE:"Badge",__parentMetadata:null,value:null,severity:null,size:null,style:null,className:null,children:void 0},css:{classes:{root:function(e){var t=e.props;return a.classNames("p-badge p-component",g({"p-badge-no-gutter":a.ObjectUtils.isNotEmpty(t.value)&&1===String(t.value).length,"p-badge-dot":a.ObjectUtils.isEmpty(t.value),"p-badge-lg":"large"===t.size,"p-badge-xl":"xlarge"===t.size},"p-badge-".concat(t.severity),null!==t.severity))}},styles:"\n@layer primereact {\n    .p-badge {\n        display: inline-block;\n        border-radius: 10px;\n        text-align: center;\n        padding: 0 .5rem;\n    }\n    \n    .p-overlay-badge {\n        position: relative;\n    }\n    \n    .p-overlay-badge .p-badge {\n        position: absolute;\n        top: 0;\n        right: 0;\n        transform: translate(50%,-50%);\n        transform-origin: 100% 0;\n        margin: 0;\n    }\n    \n    .p-badge-dot {\n        width: .5rem;\n        min-width: .5rem;\n        height: .5rem;\n        border-radius: 50%;\n        padding: 0;\n    }\n    \n    .p-badge-no-gutter {\n        padding: 0;\n        border-radius: 50%;\n    }\n}\n"}});function y(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 v(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?y(Object(n),!0).forEach((function(t){g(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):y(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var O=p.memo(p.forwardRef((function(e,t){var l=o.useMergeProps(),i=p.useContext(n.PrimeReactContext),s=f.getProps(e,i),c=f.setMetaData(v({props:s},s.__parentMetadata)),u=c.ptm,b=c.cx;r.useHandleStyle(f.css.styles,c.isUnstyled,{name:"badge"});var d=p.useRef(null);p.useImperativeHandle(t,(function(){return{props:s,getElement:function(){return d.current}}}));var m=l({ref:d,style:s.style,className:a.classNames(s.className,b("root"))},f.getOtherProps(s),u("root"));return p.createElement("span",m,s.value)})));O.displayName="Badge";var P=r.ComponentBase.extend({defaultProps:{__TYPE:"Button",__parentMetadata:null,badge:null,badgeClassName:null,className:null,children:void 0,disabled:!1,icon:null,iconPos:"left",label:null,link:!1,loading:!1,loadingIcon:null,outlined:!1,plain:!1,raised:!1,rounded:!1,severity:null,size:null,text:!1,tooltip:null,tooltipOptions:null,visible:!0},css:{classes:{icon:function(e){var t=e.props;return a.classNames("p-button-icon p-c",g({},"p-button-icon-".concat(t.iconPos),t.label))},loadingIcon:function(e){return a.classNames(e.className,{"p-button-loading-icon":e.props.loading})},label:"p-button-label p-c",root:function(e){var t=e.props,n=e.size;return a.classNames("p-button p-component",g(g(g(g({"p-button-icon-only":(t.icon||t.loading)&&!t.label&&!t.children,"p-button-vertical":("top"===t.iconPos||"bottom"===t.iconPos)&&t.label,"p-disabled":e.disabled,"p-button-loading":t.loading,"p-button-outlined":t.outlined,"p-button-raised":t.raised,"p-button-link":t.link,"p-button-text":t.text,"p-button-rounded":t.rounded,"p-button-loading-label-only":t.loading&&!t.icon&&t.label},"p-button-loading-".concat(t.iconPos),t.loading&&t.label),"p-button-".concat(n),n),"p-button-".concat(t.severity),t.severity),"p-button-plain",t.plain))}}}});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 h(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){g(e,t,n[t])})):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 N=p.memo(p.forwardRef((function(e,t){var c=o.useMergeProps(),b=p.useContext(n.PrimeReactContext),d=P.getProps(e,b),m=d.disabled||d.loading,f=h(h({props:d},d.__parentMetadata),{},{context:{disabled:m}}),y=P.setMetaData(f),v=y.ptm,j=y.cx;r.useHandleStyle(P.css.styles,y.isUnstyled,{name:"button",styled:!0});var N=p.useRef(t);if(p.useEffect((function(){a.ObjectUtils.combinedRefs(N,t)}),[N,t]),!1===d.visible)return null;var w,E=!m||d.tooltipOptions&&d.tooltipOptions.showOnDisabled,_=a.ObjectUtils.isNotEmpty(d.tooltip)&&E,S={large:"lg",small:"sm"}[d.size],x=function(){var e=a.classNames("p-button-icon p-c",g({},"p-button-icon-".concat(d.iconPos),d.label)),t=c({className:j("icon")},v("icon"));e=a.classNames(e,{"p-button-loading-icon":d.loading});var n=c({className:j("loadingIcon",{className:e})},v("loadingIcon")),r=d.loading?d.loadingIcon||p.createElement(l.SpinnerIcon,u({},n,{spin:!0})):d.icon;return a.IconUtils.getJSXIcon(r,h({},t),{props:d})}(),D=(w=c({className:j("label")},v("label")),d.label?p.createElement("span",w,d.label):!d.children&&!d.label&&p.createElement("span",u({},w,{dangerouslySetInnerHTML:{__html:"&nbsp;"}}))),M=function(){if(d.badge){var e=c({className:a.classNames(d.badgeClassName),value:d.badge,unstyled:d.unstyled,__parentMetadata:{parent:f}},v("badge"));return p.createElement(O,e,d.badge)}return null}(),I=c({ref:N,"aria-label":d.label?d.label+(d.badge?" "+d.badge:""):d["aria-label"],className:a.classNames(d.className,j("root",{size:S,disabled:m})),disabled:m},P.getOtherProps(d),v("root"));return p.createElement(p.Fragment,null,p.createElement("button",I,x,D,d.children,M,p.createElement(i.Ripple,null)),_&&p.createElement(s.Tooltip,u({target:N,content:d.tooltip},d.tooltipOptions,{pt:v("tooltip")})))})));return N.displayName="Button",e.Button=N,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.api,primereact.componentbase,primereact.hooks,primereact.utils,primereact.icons.spinner,primereact.ripple,primereact.tooltip);

package/calendar/calendar.cjs.js

@@ -355,8 +355,9 @@ var CalendarBase = componentbase.ComponentBase.extend({
 
 var CalendarPanel = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
   var cx = props.cx;
+  var mergeProps = hooks.useMergeProps();
   var createElement = function createElement() {
-    var panelProps = utils.mergeProps({
+    var panelProps = mergeProps({
       className: cx('panel', {
         panelClassName: props.className
       }),
@@ -366,7 +367,7 @@ var CalendarPanel = /*#__PURE__*/React__namespace.forwardRef(function (props, re
     }, props.ptm('panel', {
       hostName: props.hostName
     }));
-    var transitionProps = utils.mergeProps({
+    var transitionProps = mergeProps({
       classNames: cx('transition'),
       "in": props["in"],
       timeout: {
@@ -402,6 +403,7 @@ function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) {
+  var mergeProps = hooks.useMergeProps();
   var context = React__namespace.useContext(PrimeReact.PrimeReactContext);
   var props = CalendarBase.getProps(inProps, context);
   var _React$useState = React__namespace.useState(false),
@@ -1615,6 +1617,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         month: month + 1,
         year: currentYear
       });
+      updateViewDate(event, currentDate);
     }
   };
   var onYearSelect = function onYearSelect(event, year) {
@@ -2405,8 +2408,13 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     if (isNaN(h) || isNaN(m) || h > 23 || m > 59 || props.hourFormat === '12' && h > 12 || props.showSeconds && (isNaN(s) || s > 59) || props.showMillisec && (isNaN(s) || s > 1000)) {
       throw new Error('Invalid time');
     } else {
-      if (props.hourFormat === '12' && h !== 12 && ampm === 'PM') {
-        h += 12;
+      if (props.hourFormat === '12') {
+        if (h !== 12 && ampm === 'PM') {
+          h += 12;
+        }
+        if (h === 12 && ampm === 'AM') {
+          h -= 12;
+        }
       }
       return {
         hour: h,
@@ -2752,14 +2760,14 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         visibility: 'hidden'
       }
     };
-    var previousIconProps = utils.mergeProps({
+    var previousIconProps = mergeProps({
       className: cx('previousIcon')
     }, ptm('previousIcon'));
     var icon = props.prevIcon || /*#__PURE__*/React__namespace.createElement(chevronleft.ChevronLeftIcon, previousIconProps);
     var backwardNavigatorIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, previousIconProps), {
       props: props
     });
-    var previousButtonProps = utils.mergeProps(_objectSpread({
+    var previousButtonProps = mergeProps(_objectSpread({
       type: 'button',
       className: cx('previousButton')
     }, navigatorProps), ptm('previousButton'));
@@ -2778,14 +2786,14 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         visibility: 'hidden'
       }
     };
-    var nextIconProps = utils.mergeProps({
+    var nextIconProps = mergeProps({
       className: cx('nextIcon')
     }, ptm('nextIcon'));
     var icon = props.nextIcon || /*#__PURE__*/React__namespace.createElement(chevronright.ChevronRightIcon, nextIconProps);
     var forwardNavigatorIcon = utils.IconUtils.getJSXIcon(icon, _objectSpread({}, nextIconProps), {
       props: props
     });
-    var nextButtonProps = utils.mergeProps(_objectSpread({
+    var nextButtonProps = mergeProps(_objectSpread({
       type: 'button',
       className: cx('nextButton')
     }, navigatorProps), ptm('nextButton'));
@@ -2813,7 +2821,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       var displayedMonthNames = displayedMonthOptions.map(function (option) {
         return option.label;
       });
-      var selectProps = utils.mergeProps({
+      var selectProps = mergeProps({
         className: cx('select'),
         onChange: function onChange(e) {
           return onMonthDropdownChange(e, e.target.value);
@@ -2821,7 +2829,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         value: viewMonth
       }, ptm('select'));
       var _content = /*#__PURE__*/React__namespace.createElement("select", selectProps, displayedMonthOptions.map(function (option) {
-        var optionProps = utils.mergeProps({
+        var optionProps = mergeProps({
           value: option.value
         }, ptm('option'));
         return /*#__PURE__*/React__namespace.createElement("option", _extends({}, optionProps, {
@@ -2842,7 +2850,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       }
       return _content;
     }
-    var monthTitleProps = utils.mergeProps({
+    var monthTitleProps = mergeProps({
       className: cx('monthTitle'),
       onClick: switchToMonthView,
       disabled: switchViewButtonDisabled()
@@ -2863,7 +2871,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       var displayedYearNames = _yearOptions2.filter(function (year) {
         return !(props.minDate && props.minDate.getFullYear() > year) && !(props.maxDate && props.maxDate.getFullYear() < year);
       });
-      var selectProps = utils.mergeProps({
+      var selectProps = mergeProps({
         className: cx('select'),
         onChange: function onChange(e) {
           return onYearDropdownChange(e, e.target.value);
@@ -2871,7 +2879,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         value: viewYear
       }, ptm('select'));
       var _content2 = /*#__PURE__*/React__namespace.createElement("select", selectProps, displayedYearNames.map(function (year) {
-        var optionProps = utils.mergeProps({
+        var optionProps = mergeProps({
           value: year
         }, ptm('option'));
         return /*#__PURE__*/React__namespace.createElement("option", _extends({}, optionProps, {
@@ -2900,7 +2908,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       return _content2;
     }
     var displayYear = props.numberOfMonths > 1 ? metaYear : currentYear;
-    var yearTitleProps = utils.mergeProps({
+    var yearTitleProps = mergeProps({
       className: cx('yearTitle'),
       onClick: function onClick(e) {
         return switchToYearView(e);
@@ -2911,11 +2919,11 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   };
   var createTitleDecadeElement = function createTitleDecadeElement() {
     var years = yearPickerValues();
-    var decadeTitleProps = utils.mergeProps({
+    var decadeTitleProps = mergeProps({
       className: cx('decadeTitle')
     }, ptm('decadeTitle'));
     if (currentView === 'year') {
-      var decadeTitleTextProps = utils.mergeProps(ptm('decadeTitleText'));
+      var decadeTitleTextProps = mergeProps(ptm('decadeTitleText'));
       return /*#__PURE__*/React__namespace.createElement("span", decadeTitleProps, props.decadeTemplate ? props.decadeTemplate(years) : /*#__PURE__*/React__namespace.createElement("span", decadeTitleTextProps, "".concat(yearPickerValues()[0], " - ").concat(yearPickerValues()[yearPickerValues().length - 1])));
     }
     return null;
@@ -2924,15 +2932,15 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     var month = createTitleMonthElement(monthMetaData.month, index);
     var year = createTitleYearElement(monthMetaData.year);
     var decade = createTitleDecadeElement();
-    var titleProps = utils.mergeProps({
+    var titleProps = mergeProps({
       className: cx('title')
     }, ptm('title'));
     var showMonthAfterYear = PrimeReact.localeOption('showMonthAfterYear', props.locale);
     return /*#__PURE__*/React__namespace.createElement("div", titleProps, showMonthAfterYear ? year : month, showMonthAfterYear ? month : year, decade);
   };
   var createDayNames = function createDayNames(weekDays) {
-    var weekDayProps = utils.mergeProps(ptm('weekDay'));
-    var tableHeaderCellProps = utils.mergeProps({
+    var weekDayProps = mergeProps(ptm('weekDay'));
+    var tableHeaderCellProps = mergeProps({
       scope: 'col'
     }, ptm('tableHeaderCell'));
     var dayNames = weekDays.map(function (weekDay, index) {
@@ -2941,7 +2949,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       }), /*#__PURE__*/React__namespace.createElement("span", weekDayProps, weekDay));
     });
     if (props.showWeek) {
-      var weekHeaderProps = utils.mergeProps({
+      var weekHeaderProps = mergeProps({
         scope: 'col',
         className: cx('weekHeader'),
         'data-p-disabled': props.showWeek
@@ -2950,7 +2958,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
           disabled: props.showWeek
         }
       }));
-      var weekLabel = utils.mergeProps(ptm('weekLabel'));
+      var weekLabel = mergeProps(ptm('weekLabel'));
       var weekHeader = /*#__PURE__*/React__namespace.createElement("th", _extends({}, weekHeaderProps, {
         key: "wn"
       }), /*#__PURE__*/React__namespace.createElement("span", weekLabel, PrimeReact.localeOption('weekHeader', props.locale)));
@@ -2960,7 +2968,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   };
   var createDateCellContent = function createDateCellContent(date, className, groupIndex) {
     var content = props.dateTemplate ? props.dateTemplate(date) : date.day;
-    var dayLabelProps = utils.mergeProps({
+    var dayLabelProps = mergeProps({
       className: cx('dayLabel', {
         className: className
       }),
@@ -2988,7 +2996,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         'p-disabled': !date.selectable
       });
       var content = date.otherMonth && !props.showOtherMonths ? null : createDateCellContent(date, dateClassName, groupIndex);
-      var dayProps = utils.mergeProps({
+      var dayProps = mergeProps({
         className: cx('day', {
           date: date
         }),
@@ -3006,10 +3014,10 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       }), content);
     });
     if (props.showWeek) {
-      var weekNumberProps = utils.mergeProps({
+      var weekNumberProps = mergeProps({
         className: cx('weekNumber')
       }, ptm('weekNumber'));
-      var weekLabelContainerProps = utils.mergeProps({
+      var weekLabelContainerProps = mergeProps({
         className: cx('weekLabelContainer'),
         'data-p-disabled': props.showWeek
       }, ptm('weekLabelContainer', {
@@ -3025,7 +3033,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     return week;
   };
   var createDates = function createDates(monthMetaData, groupIndex) {
-    var tableBodyRowProps = utils.mergeProps(ptm('tableBodyRowProps'));
+    var tableBodyRowProps = mergeProps(ptm('tableBodyRowProps'));
     return monthMetaData.dates.map(function (weekDates, index) {
       return /*#__PURE__*/React__namespace.createElement("tr", _extends({}, tableBodyRowProps, {
         key: index
@@ -3035,16 +3043,16 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   var createDateViewGrid = function createDateViewGrid(monthMetaData, weekDays, groupIndex) {
     var dayNames = createDayNames(weekDays);
     var dates = createDates(monthMetaData, groupIndex);
-    var containerProps = utils.mergeProps({
+    var containerProps = mergeProps({
       className: cx('container'),
       key: utils.UniqueComponentId('calendar_container_')
     }, ptm('container'));
-    var tableProps = utils.mergeProps({
+    var tableProps = mergeProps({
       className: cx('table')
     }, ptm('table'));
-    var tableHeaderProps = utils.mergeProps(ptm('tableHeader'));
-    var tableHeaderRowProps = utils.mergeProps(ptm('tableHeaderRow'));
-    var tableBodyProps = utils.mergeProps(ptm('tableBody'));
+    var tableHeaderProps = mergeProps(ptm('tableHeader'));
+    var tableHeaderRowProps = mergeProps(ptm('tableHeaderRow'));
+    var tableBodyProps = mergeProps(ptm('tableBody'));
     return currentView === 'date' && /*#__PURE__*/React__namespace.createElement("div", containerProps, /*#__PURE__*/React__namespace.createElement("table", tableProps, /*#__PURE__*/React__namespace.createElement("thead", tableHeaderProps, /*#__PURE__*/React__namespace.createElement("tr", tableHeaderRowProps, dayNames)), /*#__PURE__*/React__namespace.createElement("tbody", tableBodyProps, dates)));
   };
   var createMonth = function createMonth(monthMetaData, index) {
@@ -3055,10 +3063,10 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     var dateViewGrid = createDateViewGrid(monthMetaData, weekDays, index);
     var header = props.headerTemplate ? props.headerTemplate() : null;
     var monthKey = monthMetaData.month + '-' + monthMetaData.year;
-    var groupProps = utils.mergeProps({
+    var groupProps = mergeProps({
       className: cx('group')
     }, ptm('group'));
-    var headerProps = utils.mergeProps({
+    var headerProps = mergeProps({
       className: cx('header'),
       key: index
     }, ptm('header'));
@@ -3068,7 +3076,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   };
   var createMonths = function createMonths(monthsMetaData) {
     var groups = monthsMetaData.map(createMonth);
-    var groupContainerProps = utils.mergeProps({
+    var groupContainerProps = mergeProps({
       className: cx('groupContainer')
     }, ptm('groupContainer'));
     return /*#__PURE__*/React__namespace.createElement("div", groupContainerProps, groups);
@@ -3100,16 +3108,16 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     var forwardNavigator = createForwardNavigator(true);
     var yearElement = createTitleYearElement(getViewDate().getFullYear());
     var decade = createTitleDecadeElement();
-    var groupContainerProps = utils.mergeProps({
+    var groupContainerProps = mergeProps({
       className: cx('groupContainer')
     }, ptm('groupContainer'));
-    var groupProps = utils.mergeProps({
+    var groupProps = mergeProps({
       className: cx('group')
     }, ptm('group'));
-    var headerProps = utils.mergeProps({
+    var headerProps = mergeProps({
       className: cx('header')
     }, ptm('header'));
-    var titleProps = utils.mergeProps({
+    var titleProps = mergeProps({
       className: cx('title')
     }, ptm('title'));
     return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", groupContainerProps, /*#__PURE__*/React__namespace.createElement("div", groupProps, /*#__PURE__*/React__namespace.createElement("div", headerProps, backwardNavigator, /*#__PURE__*/React__namespace.createElement("div", titleProps, yearElement, decade), forwardNavigator))));
@@ -3124,8 +3132,8 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     }
     return null;
   };
-  var incrementIconProps = utils.mergeProps(ptm('incrementIcon'));
-  var decrementIconProps = utils.mergeProps(ptm('decrementIcon'));
+  var incrementIconProps = mergeProps(ptm('incrementIcon'));
+  var decrementIconProps = mergeProps(ptm('decrementIcon'));
   var incrementIcon = utils.IconUtils.getJSXIcon(props.incrementIcon || /*#__PURE__*/React__namespace.createElement(chevronup.ChevronUpIcon, incrementIconProps), _objectSpread({}, incrementIconProps), {
     props: props
   });
@@ -3142,12 +3150,12 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     if (props.hourFormat === '12') {
       if (hour === 0) hour = 12;else if (hour > 11 && hour !== 12) hour = hour - 12;
     }
-    var hourProps = utils.mergeProps(ptm('hour'));
+    var hourProps = mergeProps(ptm('hour'));
     var hourDisplay = hour < 10 ? '0' + hour : hour;
-    var hourPickerProps = utils.mergeProps({
+    var hourPickerProps = mergeProps({
       className: cx('hourPicker')
     }, ptm('hourPicker'));
-    var incrementButtonProps = utils.mergeProps({
+    var incrementButtonProps = mergeProps({
       type: 'button',
       className: cx('incrementButton'),
       onMouseDown: function onMouseDown(e) {
@@ -3159,7 +3167,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         return onContainerButtonKeydown(e);
       }
     }, ptm('incrementButton'));
-    var decrementButtonProps = utils.mergeProps({
+    var decrementButtonProps = mergeProps({
       type: 'button',
       className: cx('decrementButton'),
       onMouseDown: function onMouseDown(e) {
@@ -3177,12 +3185,12 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     var currentTime = getCurrentDateTime();
     var minute = doStepMinute(currentTime.getMinutes());
     minute = minute > 59 ? minute - 60 : minute;
-    var minuteProps = utils.mergeProps(ptm('minute'));
+    var minuteProps = mergeProps(ptm('minute'));
     var minuteDisplay = minute < 10 ? '0' + minute : minute;
-    var minutePickerProps = utils.mergeProps({
+    var minutePickerProps = mergeProps({
       className: cx('minutePicker')
     }, ptm('minutePicker'));
-    var incrementButtonProps = utils.mergeProps({
+    var incrementButtonProps = mergeProps({
       type: 'button',
       className: cx('incrementButton'),
       onMouseDown: function onMouseDown(e) {
@@ -3194,7 +3202,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
         return onContainerButtonKeydown(e);
       }
     }, ptm('incrementButton'));
-    var decrementButtonProps = utils.mergeProps({
+    var decrementButtonProps = mergeProps({
       type: 'button',
       className: cx('decrementButton'),
       onMouseDown: function onMouseDown(e) {
@@ -3211,13 +3219,13 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   var createSecondPicker = function createSecondPicker() {
     if (props.showSeconds) {
       var currentTime = getCurrentDateTime();
-      var secondProps = utils.mergeProps(ptm('second'));
+      var secondProps = mergeProps(ptm('second'));
       var second = currentTime.getSeconds();
       var secondDisplay = second < 10 ? '0' + second : second;
-      var secondPickerProps = utils.mergeProps({
+      var secondPickerProps = mergeProps({
         className: cx('secondPicker')
       }, ptm('secondPicker'));
-      var incrementButtonProps = utils.mergeProps({
+      var incrementButtonProps = mergeProps({
         type: 'button',
         className: cx('incrementButton'),
         onMouseDown: function onMouseDown(e) {
@@ -3229,7 +3237,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
           return onContainerButtonKeydown(e);
         }
       }, ptm('incrementButton'));
-      var decrementButtonProps = utils.mergeProps({
+      var decrementButtonProps = mergeProps({
         type: 'button',
         className: cx('decrementButton'),
         onMouseDown: function onMouseDown(e) {
@@ -3248,13 +3256,13 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   var createMiliSecondPicker = function createMiliSecondPicker() {
     if (props.showMillisec) {
       var currentTime = getCurrentDateTime();
-      var millisecondProps = utils.mergeProps(ptm('millisecond'));
+      var millisecondProps = mergeProps(ptm('millisecond'));
       var millisecond = currentTime.getMilliseconds();
       var millisecondDisplay = millisecond < 100 ? (millisecond < 10 ? '00' : '0') + millisecond : millisecond;
-      var millisecondPickerProps = utils.mergeProps({
+      var millisecondPickerProps = mergeProps({
         className: cx('millisecondPicker')
       }, ptm('millisecondPicker'));
-      var incrementButtonProps = utils.mergeProps({
+      var incrementButtonProps = mergeProps({
         type: 'button',
         className: cx('incrementButton'),
         onMouseDown: function onMouseDown(e) {
@@ -3266,7 +3274,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
           return onContainerButtonKeydown(e);
         }
       }, ptm('incrementButton'));
-      var decrementButtonProps = utils.mergeProps({
+      var decrementButtonProps = mergeProps({
         type: 'button',
         className: cx('decrementButton'),
         onMouseDown: function onMouseDown(e) {
@@ -3287,18 +3295,18 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       var currentTime = getCurrentDateTime();
       var hour = currentTime.getHours();
       var display = hour > 11 ? 'PM' : 'AM';
-      var ampmProps = utils.mergeProps(ptm('ampm'));
-      var ampmPickerProps = utils.mergeProps({
+      var ampmProps = mergeProps(ptm('ampm'));
+      var ampmPickerProps = mergeProps({
         className: cx('ampmPicker')
       }, ptm('ampmPicker'));
-      var incrementButtonProps = utils.mergeProps({
+      var incrementButtonProps = mergeProps({
         type: 'button',
         className: cx('incrementButton'),
         onClick: function onClick(e) {
           return toggleAmPm(e);
         }
       }, ptm('incrementButton'));
-      var decrementButtonProps = utils.mergeProps({
+      var decrementButtonProps = mergeProps({
         type: 'button',
         className: cx('decrementButton'),
         onClick: function onClick(e) {
@@ -3310,15 +3318,15 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
     return null;
   };
   var createSeparator = function createSeparator(separator) {
-    var separatorContainerProps = utils.mergeProps({
+    var separatorContainerProps = mergeProps({
       className: cx('separatorContainer')
     }, ptm('separatorContainer'));
-    var separatorProps = utils.mergeProps(ptm('separator'));
+    var separatorProps = mergeProps(ptm('separator'));
     return /*#__PURE__*/React__namespace.createElement("div", separatorContainerProps, /*#__PURE__*/React__namespace.createElement("span", separatorProps, separator));
   };
   var createTimePicker = function createTimePicker() {
     if ((props.showTime || props.timeOnly) && currentView === 'date') {
-      var timePickerProps = utils.mergeProps({
+      var timePickerProps = mergeProps({
         className: cx('timePicker')
       }, ptm('timePicker'));
       return /*#__PURE__*/React__namespace.createElement("div", timePickerProps, createHourPicker(), createSeparator(':'), createMinutePicker(), props.showSeconds && createSeparator(':'), createSecondPicker(), props.showMillisec && createSeparator('.'), createMiliSecondPicker(), props.hourFormat === '12' && createSeparator(':'), createAmPmPicker());
@@ -3386,7 +3394,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
       var _localeOptions4 = PrimeReact.localeOptions(props.locale),
         today = _localeOptions4.today,
         clear = _localeOptions4.clear;
-      var buttonbarProps = utils.mergeProps({
+      var buttonbarProps = mergeProps({
         className: cx('buttonbar')
       }, ptm('buttonbar'));
       return /*#__PURE__*/React__namespace.createElement("div", buttonbarProps, /*#__PURE__*/React__namespace.createElement(button.Button, {
@@ -3414,7 +3422,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   var createFooter = function createFooter() {
     if (props.footerTemplate) {
       var _content3 = props.footerTemplate();
-      var footerProps = utils.mergeProps({
+      var footerProps = mergeProps({
         className: cx('footer')
       }, ptm('footer'));
       return /*#__PURE__*/React__namespace.createElement("div", footerProps, _content3);
@@ -3423,11 +3431,11 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   };
   var createMonthPicker = function createMonthPicker() {
     if (currentView === 'month') {
-      var monthPickerProps = utils.mergeProps({
+      var monthPickerProps = mergeProps({
         className: cx('monthPicker')
       }, ptm('monthPicker'));
       return /*#__PURE__*/React__namespace.createElement("div", monthPickerProps, monthPickerValues().map(function (m, i) {
-        var monthProps = utils.mergeProps({
+        var monthProps = mergeProps({
           className: cx('month', {
             isMonthSelected: isMonthSelected,
             isMonthYearDisabled: isMonthYearDisabled,
@@ -3459,11 +3467,11 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   };
   var createYearPicker = function createYearPicker() {
     if (currentView === 'year') {
-      var yearPickerProps = utils.mergeProps({
+      var yearPickerProps = mergeProps({
         className: cx('yearPicker')
       }, ptm('yearPicker'));
       return /*#__PURE__*/React__namespace.createElement("div", yearPickerProps, yearPickerValues().map(function (y, i) {
-        var yearProps = utils.mergeProps({
+        var yearProps = mergeProps({
           className: cx('year', {
             isYearSelected: isYearSelected,
             isMonthYearDisabled: isMonthYearDisabled,
@@ -3507,7 +3515,7 @@ var Calendar = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace
   var monthPicker = createMonthPicker();
   var yearPicker = createYearPicker();
   var isFilled = utils.DomHandler.hasClass(inputRef.current, 'p-filled') && inputRef.current.value !== '';
-  var rootProps = utils.mergeProps({
+  var rootProps = mergeProps({
     id: props.id,
     className: utils.classNames(props.className, cx('root', {
       focusedState: focusedState,