primereact 8.7.2 → 9.0.0-beta.1

package/calendar/calendar.js

@@ -25,7 +25,34 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
   var React__namespace = /*#__PURE__*/_interopNamespace(React);
   var PrimeReact__default = /*#__PURE__*/_interopDefaultLegacy(PrimeReact);
 
+  function _typeof(obj) {
+    "@babel/helpers - typeof";
+
+    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
+      return typeof obj;
+    } : function (obj) {
+      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+    }, _typeof(obj);
+  }
+
+  function _toPrimitive(input, hint) {
+    if (_typeof(input) !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== undefined) {
+      var res = prim.call(input, hint || "default");
+      if (_typeof(res) !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (hint === "string" ? String : Number)(input);
+  }
+
+  function _toPropertyKey(arg) {
+    var key = _toPrimitive(arg, "string");
+    return _typeof(key) === "symbol" ? key : String(key);
+  }
+
   function _defineProperty(obj, key, value) {
+    key = _toPropertyKey(key);
     if (key in obj) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -36,7 +63,6 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
     } else {
       obj[key] = value;
     }
-
     return obj;
   }
 
@@ -44,36 +70,22 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
     _extends = Object.assign ? Object.assign.bind() : function (target) {
       for (var i = 1; i < arguments.length; i++) {
         var source = arguments[i];
-
         for (var key in source) {
           if (Object.prototype.hasOwnProperty.call(source, key)) {
             target[key] = source[key];
           }
         }
       }
-
       return target;
     };
     return _extends.apply(this, arguments);
   }
 
-  function _typeof(obj) {
-    "@babel/helpers - typeof";
-
-    return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-      return typeof obj;
-    } : function (obj) {
-      return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    }, _typeof(obj);
-  }
-
   function _arrayLikeToArray$1(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;
   }
 
@@ -107,33 +119,33 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
   }
 
   function _iterableToArrayLimit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-
-    var _s, _e;
-
-    try {
-      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-        _arr.push(_s.value);
-
-        if (i && _arr.length === i) break;
-      }
-    } catch (err) {
-      _d = true;
-      _e = err;
-    } finally {
+    var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+    if (null != _i) {
+      var _s,
+        _e,
+        _x,
+        _r,
+        _arr = [],
+        _n = !0,
+        _d = !1;
       try {
-        if (!_n && _i["return"] != null) _i["return"]();
+        if (_x = (_i = _i.call(arr)).next, 0 === i) {
+          if (Object(_i) !== _i) return;
+          _n = !1;
+        } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) {
+          ;
+        }
+      } catch (err) {
+        _d = !0, _e = err;
       } finally {
-        if (_d) throw _e;
+        try {
+          if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+        } finally {
+          if (_d) throw _e;
+        }
       }
+      return _arr;
     }
-
-    return _arr;
   }
 
   function _nonIterableRest() {
@@ -168,7 +180,6 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
         onMouseUp: props.onMouseUp
       }, props.children));
     };
-
     var element = createElement();
     return props.inline ? element : /*#__PURE__*/React__namespace.createElement(portal.Portal, {
       element: element,
@@ -178,28 +189,22 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
   CalendarPanel.displayName = 'CalendarPanel';
 
   function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-
   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 (props, ref) {
     var _classNames;
-
     var _React$useState = React__namespace.useState(false),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        focusedState = _React$useState2[0],
-        setFocusedState = _React$useState2[1];
-
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      focusedState = _React$useState2[0],
+      setFocusedState = _React$useState2[1];
     var _React$useState3 = React__namespace.useState(false),
-        _React$useState4 = _slicedToArray(_React$useState3, 2),
-        overlayVisibleState = _React$useState4[0],
-        setOverlayVisibleState = _React$useState4[1];
-
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      overlayVisibleState = _React$useState4[0],
+      setOverlayVisibleState = _React$useState4[1];
     var _React$useState5 = React__namespace.useState(null),
-        _React$useState6 = _slicedToArray(_React$useState5, 2),
-        viewDateState = _React$useState6[0],
-        setViewDateState = _React$useState6[1];
-
+      _React$useState6 = _slicedToArray(_React$useState5, 2),
+      viewDateState = _React$useState6[0],
+      setViewDateState = _React$useState6[1];
     var elementRef = React__namespace.useRef(null);
     var overlayRef = React__namespace.useRef(null);
     var inputRef = React__namespace.useRef(props.inputRef);
@@ -213,54 +218,44 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
     var touchUIMaskClickListener = React__namespace.useRef(null);
     var isOverlayClicked = React__namespace.useRef(false);
     var ignoreMaskChange = React__namespace.useRef(false);
-
     var _React$useState7 = React__namespace.useState('date'),
-        _React$useState8 = _slicedToArray(_React$useState7, 2),
-        currentView = _React$useState8[0],
-        setCurrentView = _React$useState8[1];
-
+      _React$useState8 = _slicedToArray(_React$useState7, 2),
+      currentView = _React$useState8[0],
+      setCurrentView = _React$useState8[1];
     var _React$useState9 = React__namespace.useState(null),
-        _React$useState10 = _slicedToArray(_React$useState9, 2),
-        currentMonth = _React$useState10[0],
-        setCurrentMonth = _React$useState10[1];
-
+      _React$useState10 = _slicedToArray(_React$useState9, 2),
+      currentMonth = _React$useState10[0],
+      setCurrentMonth = _React$useState10[1];
     var _React$useState11 = React__namespace.useState(null),
-        _React$useState12 = _slicedToArray(_React$useState11, 2),
-        currentYear = _React$useState12[0],
-        setCurrentYear = _React$useState12[1];
-
+      _React$useState12 = _slicedToArray(_React$useState11, 2),
+      currentYear = _React$useState12[0],
+      setCurrentYear = _React$useState12[1];
     var _React$useState13 = React__namespace.useState([]),
-        _React$useState14 = _slicedToArray(_React$useState13, 2),
-        yearOptions = _React$useState14[0],
-        setYearOptions = _React$useState14[1];
-
+      _React$useState14 = _slicedToArray(_React$useState13, 2),
+      yearOptions = _React$useState14[0],
+      setYearOptions = _React$useState14[1];
     var previousValue = hooks.usePrevious(props.value);
     var visible = props.inline || (props.onVisibleChange ? props.visible : overlayVisibleState);
     var attributeSelector = utils.UniqueComponentId();
-
     var _useOverlayListener = hooks.useOverlayListener({
-      target: elementRef,
-      overlay: overlayRef,
-      listener: function listener(event, _ref) {
-        var type = _ref.type,
+        target: elementRef,
+        overlay: overlayRef,
+        listener: function listener(event, _ref) {
+          var type = _ref.type,
             valid = _ref.valid;
-
-        if (valid) {
-          type === 'outside' ? !isOverlayClicked.current && !isNavIconClicked(event.target) && hide('outside') : hide();
-        }
-
-        isOverlayClicked.current = false;
-      },
-      when: !(props.touchUI || props.inline) && visible
-    }),
-        _useOverlayListener2 = _slicedToArray(_useOverlayListener, 2),
-        bindOverlayListener = _useOverlayListener2[0],
-        unbindOverlayListener = _useOverlayListener2[1];
-
+          if (valid) {
+            type === 'outside' ? !isOverlayClicked.current && !isNavIconClicked(event.target) && hide('outside') : hide();
+          }
+          isOverlayClicked.current = false;
+        },
+        when: !(props.touchUI || props.inline) && visible
+      }),
+      _useOverlayListener2 = _slicedToArray(_useOverlayListener, 2),
+      bindOverlayListener = _useOverlayListener2[0],
+      unbindOverlayListener = _useOverlayListener2[1];
     var getDateFormat = function getDateFormat() {
       return props.dateFormat || PrimeReact.localeOption('dateFormat', props.locale);
     };
-
     var onInputFocus = function onInputFocus(event) {
       if (ignoreFocusFunctionality.current) {
         setFocusedState(true);
@@ -269,21 +264,17 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
         if (props.showOnFocus && !visible) {
           show();
         }
-
         setFocusedState(true);
         props.onFocus && props.onFocus(event);
       }
     };
-
     var onInputBlur = function onInputBlur(event) {
       setFocusedState(false);
       !props.keepInvalid && updateInputfield(props.value);
       props.onBlur && props.onBlur(event);
     };
-
     var onInputKeyDown = function onInputKeyDown(event) {
       isKeydown.current = true;
-
       switch (event.which) {
         //escape
         case 27:
@@ -291,8 +282,8 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
             hide();
             break;
           }
-        //tab
 
+        //tab
         case 9:
           {
             visible && trapFocus(event);
@@ -301,22 +292,18 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
           }
       }
     };
-
     var onUserInput = function onUserInput(event) {
       // IE 11 Workaround for input placeholder
       if (!isKeydown.current) {
         return;
       }
-
       isKeydown.current = false;
       updateValueOnInput(event, event.target.value);
       props.onInput && props.onInput(event);
     };
-
     var updateValueOnInput = function updateValueOnInput(event, rawValue) {
       try {
         var value = parseValueFromString(rawValue);
-
         if (isValidSelection(value)) {
           updateModel(event, value);
           updateViewDate(event, value.length ? value[0] : value);
@@ -324,21 +311,17 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
       } catch (err) {
         //invalid date
         var _value = props.keepInvalid ? rawValue : null;
-
         updateModel(event, _value);
       }
     };
-
     var reFocusInputField = function reFocusInputField() {
       if (!props.inline && inputRef.current) {
         ignoreFocusFunctionality.current = true;
         utils.DomHandler.focus(inputRef.current);
       }
     };
-
     var isValidSelection = function isValidSelection(value) {
       var isValid = true;
-
       if (isSingleSelection()) {
         if (!(isSelectable(value.getDate(), value.getMonth(), value.getFullYear(), false) && isSelectableTime(value))) {
           isValid = false;
@@ -350,14 +333,11 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
           isValid = value.length > 1 && value[1] > value[0] ? true : false;
         }
       }
-
       return isValid;
     };
-
     var onButtonClick = function onButtonClick() {
       visible ? hide() : show();
     };
-
     var onPrevButtonClick = function onPrevButtonClick(event) {
       navigation.current = {
         backward: true,
@@ -365,7 +345,6 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
       };
       navBackward(event);
     };
-
     var onNextButtonClick = function onNextButtonClick(event) {
       navigation.current = {
         backward: false,
@@ -373,32 +352,28 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
       };
       navForward(event);
     };
-
     var onContainerButtonKeydown = function onContainerButtonKeydown(event) {
       switch (event.which) {
         //tab
         case 9:
           trapFocus(event);
           break;
-        //escape
 
+        //escape
         case 27:
           hide(null, reFocusInputField);
           event.preventDefault();
           break;
       }
     };
-
     var trapFocus = function trapFocus(event) {
       event.preventDefault();
       var focusableElements = utils.DomHandler.getFocusableElements(overlayRef.current);
-
       if (focusableElements && focusableElements.length > 0) {
         if (!document.activeElement) {
           focusableElements[0].focus();
         } else {
           var focusedIndex = focusableElements.indexOf(document.activeElement);
-
           if (event.shiftKey) {
             if (focusedIndex === -1 || focusedIndex === 0) focusableElements[focusableElements.length - 1].focus();else focusableElements[focusedIndex - 1].focus();
           } else {
@@ -407,7 +382,6 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
         }
       }
     };
-
     var updateFocus = function updateFocus() {
       if (navigation.current) {
         if (navigation.current.button) {
@@ -415,29 +389,24 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
           if (navigation.current.backward) utils.DomHandler.findSingle(overlayRef.current, '.p-datepicker-prev').focus();else utils.DomHandler.findSingle(overlayRef.current, '.p-datepicker-next').focus();
         } else {
           var cell;
-
           if (navigation.current.backward) {
             var cells = utils.DomHandler.find(overlayRef.current, '.p-datepicker-calendar td span:not(.p-disabled)');
             cell = cells[cells.length - 1];
           } else {
             cell = utils.DomHandler.findSingle(overlayRef.current, '.p-datepicker-calendar td span:not(.p-disabled)');
           }
-
           if (cell) {
             cell.tabIndex = '0';
             cell.focus();
           }
         }
-
         navigation.current = null;
       } else {
         initFocusableCell();
       }
     };
-
     var initFocusableCell = function initFocusableCell() {
       var cell;
-
       if (props.view === 'month') {
         var cells = utils.DomHandler.find(overlayRef.current, '.p-monthpicker .p-monthpicker-month');
         var selectedCell = utils.DomHandler.findSingle(overlayRef.current, '.p-monthpicker .p-monthpicker-month.p-highlight');
@@ -447,27 +416,22 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
         cell = selectedCell || cells[0];
       } else {
         cell = utils.DomHandler.findSingle(overlayRef.current, 'span.p-highlight');
-
         if (!cell) {
           var todayCell = utils.DomHandler.findSingle(overlayRef.current, 'td.p-datepicker-today span:not(.p-disabled)');
           cell = todayCell || utils.DomHandler.findSingle(overlayRef.current, '.p-datepicker-calendar td span:not(.p-disabled)');
         }
       }
-
       if (cell) {
         cell.tabIndex = '0';
       }
     };
-
     var navBackward = function navBackward(event) {
       if (props.disabled) {
         event.preventDefault();
         return;
       }
-
       var newViewDate = new Date(getViewDate().getTime());
       newViewDate.setDate(1);
-
       if (currentView === 'date') {
         if (newViewDate.getMonth() === 0) {
           newViewDate.setMonth(11);
@@ -481,37 +445,29 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
         }
       } else if (currentView === 'month') {
         var newYear = newViewDate.getFullYear() - 1;
-
         if (props.yearNavigator) {
           var minYear = parseInt(props.yearRange.split(':')[0], 10);
-
           if (newYear < minYear) {
             newYear = minYear;
           }
         }
-
         newViewDate.setFullYear(newYear);
       }
-
       if (currentView === 'month') {
         newViewDate.setFullYear(decrementYear());
       } else if (currentView === 'year') {
         newViewDate.setFullYear(decrementDecade());
       }
-
       updateViewDate(event, newViewDate);
       event.preventDefault();
     };
-
     var navForward = function navForward(event) {
       if (props.disabled) {
         event.preventDefault();
         return;
       }
-
       var newViewDate = new Date(getViewDate().getTime());
       newViewDate.setDate(1);
-
       if (currentView === 'date') {
         if (newViewDate.getMonth() === 11) {
           newViewDate.setMonth(0);
@@ -525,78 +481,59 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
         }
       } else if (currentView === 'month') {
         var newYear = newViewDate.getFullYear() + 1;
-
         if (props.yearNavigator) {
           var maxYear = parseInt(props.yearRange.split(':')[1], 10);
-
           if (newYear > maxYear) {
             newYear = maxYear;
           }
         }
-
         newViewDate.setFullYear(newYear);
       }
-
       if (currentView === 'month') {
         newViewDate.setFullYear(incrementYear());
       } else if (currentView === 'year') {
         newViewDate.setFullYear(incrementDecade());
       }
-
       updateViewDate(event, newViewDate);
       event.preventDefault();
     };
-
     var populateYearOptions = function populateYearOptions(start, end) {
       var _yearOptions = [];
-
       for (var i = start; i <= end; i++) {
         yearOptions.push(i);
       }
-
       setYearOptions(_yearOptions);
     };
-
     var decrementYear = function decrementYear() {
       var _currentYear = currentYear - 1;
-
       setCurrentYear(_currentYear);
-
       if (props.yearNavigator && _currentYear < yearOptions[0]) {
         var difference = yearOptions[yearOptions.length - 1] - yearOptions[0];
         populateYearOptions(yearOptions[0] - difference, yearOptions[yearOptions.length - 1] - difference);
       }
-
       return _currentYear;
     };
-
     var incrementYear = function incrementYear() {
       var _currentYear = currentYear + 1;
-
       setCurrentYear(_currentYear);
-
       if (props.yearNavigator && _currentYear.current > yearOptions[yearOptions.length - 1]) {
         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) {
       var currentViewDate = getViewDate();
       var newViewDate = new Date(currentViewDate.getTime());
       newViewDate.setMonth(parseInt(value, 10));
       updateViewDate(event, newViewDate);
     };
-
     var onYearDropdownChange = function onYearDropdownChange(event, value) {
       var currentViewDate = getViewDate();
       var newViewDate = new Date(currentViewDate.getTime());
       newViewDate.setFullYear(parseInt(value, 10));
       updateViewDate(event, newViewDate);
     };
-
     var onTodayButtonClick = function onTodayButtonClick(event) {
       var today = new Date();
       var dateMeta = {
@@ -616,14 +553,12 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
       onDateSelect(event, dateMeta, timeMeta);
       props.onTodayButtonClick && props.onTodayButtonClick(event);
     };
-
     var onClearButtonClick = function onClearButtonClick(event) {
       updateModel(event, null);
       updateInputfield(null);
       hide();
       props.onClearButtonClick && props.onClearButtonClick(event);
     };
-
     var onPanelClick = function onPanelClick(event) {
       if (!props.inline) {
         overlayservice.OverlayService.emit('overlay-click', {
@@ -632,67 +567,55 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
         });
       }
     };
-
     var onPanelMouseUp = function onPanelMouseUp(event) {
       onPanelClick(event);
     };
-
     var onTimePickerElementMouseDown = function onTimePickerElementMouseDown(event, type, direction) {
       if (!props.disabled) {
         repeat(event, null, type, direction);
         event.preventDefault();
       }
     };
-
     var onTimePickerElementMouseUp = function onTimePickerElementMouseUp() {
       if (!props.disabled) {
         clearTimePickerTimer();
       }
     };
-
     var onTimePickerElementMouseLeave = function onTimePickerElementMouseLeave() {
       if (!props.disabled) {
         clearTimePickerTimer();
       }
     };
-
     var repeat = function repeat(event, interval, type, direction) {
       clearTimePickerTimer();
       timePickerTimer.current = setTimeout(function () {
         repeat(event, 100, type, direction);
       }, interval || 500);
-
       switch (type) {
         case 0:
           if (direction === 1) incrementHour(event);else decrementHour(event);
           break;
-
         case 1:
           if (direction === 1) incrementMinute(event);else decrementMinute(event);
           break;
-
         case 2:
           if (direction === 1) incrementSecond(event);else decrementSecond(event);
           break;
-
         case 3:
           if (direction === 1) incrementMilliSecond(event);else decrementMilliSecond(event);
           break;
       }
     };
-
     var clearTimePickerTimer = function clearTimePickerTimer() {
       if (timePickerTimer.current) {
         clearTimeout(timePickerTimer.current);
       }
     };
-
     var incrementHour = function incrementHour(event) {
       var currentTime = getCurrentDateTime();
       var currentHour = currentTime.getHours();
       var newHour = currentHour + props.stepHour;
       newHour = newHour >= 24 ? newHour - 24 : newHour;
-
       if (validateHour(newHour, currentTime)) {
         if (props.maxDate && props.maxDate.toDateString() === currentTime.toDateString() && props.maxDate.getHours() === newHour) {
           if (props.maxDate.getMinutes() < currentTime.getMinutes()) {
@@ -722,16 +645,13 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
           updateTime(event, newHour, currentTime.getMinutes(), currentTime.getSeconds(), currentTime.getMilliseconds());
         }
       }
-
       event.preventDefault();
     };
-
     var decrementHour = function decrementHour(event) {
       var currentTime = getCurrentDateTime();
       var currentHour = currentTime.getHours();
       var newHour = currentHour - props.stepHour;
       newHour = newHour < 0 ? newHour + 24 : newHour;
-
       if (validateHour(newHour, currentTime)) {
         if (props.minDate && props.minDate.toDateString() === currentTime.toDateString() && props.minDate.getHours() === newHour) {
           if (props.minDate.getMinutes() > currentTime.getMinutes()) {
@@ -761,32 +681,25 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
           updateTime(event, newHour, currentTime.getMinutes(), currentTime.getSeconds(), currentTime.getMilliseconds());
         }
       }
-
       event.preventDefault();
     };
-
     var doStepMinute = function doStepMinute(currentMinute, step) {
       if (props.stepMinute <= 1) {
         return step ? currentMinute + step : currentMinute;
       }
-
       if (!step) {
         step = props.stepMinute;
-
         if (currentMinute % step === 0) {
           return currentMinute;
         }
       }
-
       return Math.floor((currentMinute + step) / step) * step;
     };
-
     var incrementMinute = function incrementMinute(event) {
       var currentTime = getCurrentDateTime();
       var currentMinute = currentTime.getMinutes();
       var newMinute = doStepMinute(currentMinute, props.stepMinute);
       newMinute = newMinute > 59 ? newMinute - 60 : newMinute;
-
       if (validateMinute(newMinute, currentTime)) {
         if (props.maxDate && props.maxDate.toDateString() === currentTime.toDateString() && props.maxDate.getMinutes() === newMinute) {
           if (props.maxDate.getSeconds() < currentTime.getSeconds()) {
@@ -802,16 +715,13 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
           updateTime(event, currentTime.getHours(), newMinute, currentTime.getSeconds(), currentTime.getMilliseconds());
         }
       }
-
       event.preventDefault();
     };
-
     var decrementMinute = function decrementMinute(event) {
       var currentTime = getCurrentDateTime();
       var currentMinute = currentTime.getMinutes();
       var newMinute = doStepMinute(currentMinute, -props.stepMinute);
       newMinute = newMinute < 0 ? newMinute + 60 : newMinute;
-
       if (validateMinute(newMinute, currentTime)) {
         if (props.minDate && props.minDate.toDateString() === currentTime.toDateString() && props.minDate.getMinutes() === newMinute) {
           if (props.minDate.getSeconds() > currentTime.getSeconds()) {
@@ -827,16 +737,13 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
           updateTime(event, currentTime.getHours(), newMinute, currentTime.getSeconds(), currentTime.getMilliseconds());
         }
       }
-
       event.preventDefault();
     };
-
     var incrementSecond = function incrementSecond(event) {
       var currentTime = getCurrentDateTime();
       var currentSecond = currentTime.getSeconds();
       var newSecond = currentSecond + props.stepSecond;
       newSecond = newSecond > 59 ? newSecond - 60 : newSecond;
-
       if (validateSecond(newSecond, currentTime)) {
         if (props.maxDate && props.maxDate.toDateString() === currentTime.toDateString() && props.maxDate.getSeconds() === newSecond) {
           if (props.maxDate.getMilliseconds() < currentTime.getMilliseconds()) {
@@ -848,16 +755,13 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
           updateTime(event, currentTime.getHours(), currentTime.getMinutes(), newSecond, currentTime.getMilliseconds());
         }
       }
-
       event.preventDefault();
     };
-
     var decrementSecond = function decrementSecond(event) {
       var currentTime = getCurrentDateTime();
       var currentSecond = currentTime.getSeconds();
       var newSecond = currentSecond - props.stepSecond;
       newSecond = newSecond < 0 ? newSecond + 60 : newSecond;
-
       if (validateSecond(newSecond, currentTime)) {
         if (props.minDate && props.minDate.toDateString() === currentTime.toDateString() && props.minDate.getSeconds() === newSecond) {
           if (props.minDate.getMilliseconds() > currentTime.getMilliseconds()) {
@@ -869,59 +773,45 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
           updateTime(event, currentTime.getHours(), currentTime.getMinutes(), newSecond, currentTime.getMilliseconds());
         }
       }
-
       event.preventDefault();
     };
-
     var incrementMilliSecond = function incrementMilliSecond(event) {
       var currentTime = getCurrentDateTime();
       var currentMillisecond = currentTime.getMilliseconds();
       var newMillisecond = currentMillisecond + props.stepMillisec;
       newMillisecond = newMillisecond > 999 ? newMillisecond - 1000 : newMillisecond;
-
       if (validateMillisecond(newMillisecond, currentTime)) {
         updateTime(event, currentTime.getHours(), currentTime.getMinutes(), currentTime.getSeconds(), newMillisecond);
       }
-
       event.preventDefault();
     };
-
     var decrementMilliSecond = function decrementMilliSecond(event) {
       var currentTime = getCurrentDateTime();
       var currentMillisecond = currentTime.getMilliseconds();
       var newMillisecond = currentMillisecond - props.stepMillisec;
       newMillisecond = newMillisecond < 0 ? newMillisecond + 999 : newMillisecond;
-
       if (validateMillisecond(newMillisecond, currentTime)) {
         updateTime(event, currentTime.getHours(), currentTime.getMinutes(), currentTime.getSeconds(), newMillisecond);
       }
-
       event.preventDefault();
     };
-
     var toggleAmPm = function toggleAmPm(event) {
       var currentTime = getCurrentDateTime();
       var currentHour = currentTime.getHours();
       var newHour = currentHour >= 12 ? currentHour - 12 : currentHour + 12;
-
       if (validateHour(convertTo24Hour(newHour, !(currentHour > 11)), currentTime)) {
         updateTime(event, newHour, currentTime.getMinutes(), currentTime.getSeconds(), currentTime.getMilliseconds());
       }
-
       event.preventDefault();
     };
-
     var getViewDate = function getViewDate(date) {
       var propValue = props.value;
       var viewDate = date || (props.onViewDateChange ? props.viewDate : viewDateState);
-
       if (Array.isArray(propValue)) {
         propValue = propValue[0];
       }
-
       return viewDate && isValidDate(viewDate) ? viewDate : propValue && isValidDate(propValue) ? propValue : new Date();
     };
-
     var getCurrentDateTime = function getCurrentDateTime() {
       if (isSingleSelection()) {
         return props.value && props.value instanceof Date ? props.value : getViewDate();
@@ -936,45 +826,35 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
           return endDate || startDate;
         }
       }
-
       return new Date();
     };
-
     var isValidDate = function isValidDate(date) {
       return date instanceof Date && !isNaN(date);
     };
-
     var convertTo24Hour = function convertTo24Hour(hour, pm) {
       if (props.hourFormat == '12') {
         return hour === 12 ? pm ? 12 : 0 : pm ? hour + 12 : hour;
       }
-
       return hour;
     };
-
     var validateHour = function validateHour(hour, value) {
       var valid = true;
       var valueDateString = value ? value.toDateString() : null;
-
       if (props.minDate && valueDateString && props.minDate.toDateString() === valueDateString) {
         if (props.minDate.getHours() > hour) {
           valid = false;
         }
       }
-
       if (props.maxDate && valueDateString && props.maxDate.toDateString() === valueDateString) {
         if (props.maxDate.getHours() < hour) {
           valid = false;
         }
       }
-
       return valid;
     };
-
     var validateMinute = function validateMinute(minute, value) {
       var valid = true;
       var valueDateString = value ? value.toDateString() : null;
-
       if (props.minDate && valueDateString && props.minDate.toDateString() === valueDateString) {
         if (value.getHours() === props.minDate.getHours()) {
           if (props.minDate.getMinutes() > minute) {
@@ -982,7 +862,6 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
           }
         }
       }
-
       if (props.maxDate && valueDateString && props.maxDate.toDateString() === valueDateString) {
         if (value.getHours() === props.maxDate.getHours()) {
           if (props.maxDate.getMinutes() < minute) {
@@ -990,14 +869,11 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
           }
         }
       }
-
       return valid;
     };
-
     var validateSecond = function validateSecond(second, value) {
       var valid = true;
       var valueDateString = value ? value.toDateString() : null;
-
       if (props.minDate && valueDateString && props.minDate.toDateString() === valueDateString) {
         if (value.getHours() === props.minDate.getHours() && value.getMinutes() === props.minDate.getMinutes()) {
           if (props.minDate.getSeconds() > second) {
@@ -1005,7 +881,6 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
           }
         }
       }
-
       if (props.maxDate && valueDateString && props.maxDate.toDateString() === valueDateString) {
         if (value.getHours() === props.maxDate.getHours() && value.getMinutes() === props.maxDate.getMinutes()) {
           if (props.maxDate.getSeconds() < second) {
@@ -1013,14 +888,11 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
           }
         }
       }
-
       return valid;
     };
-
     var validateMillisecond = function validateMillisecond(millisecond, value) {
       var valid = true;
       var valueDateString = value ? value.toDateString() : null;
-
       if (props.minDate && valueDateString && props.minDate.toDateString() === valueDateString) {
         if (value.getHours() === props.minDate.getHours() && value.getSeconds() === props.minDate.getSeconds() && value.getMinutes() === props.minDate.getMinutes()) {
           if (props.minDate.getMilliseconds() > millisecond) {
@@ -1028,7 +900,6 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
           }
         }
       }
-
       if (props.maxDate && valueDateString && props.maxDate.toDateString() === valueDateString) {
         if (value.getHours() === props.maxDate.getHours() && value.getSeconds() === props.maxDate.getSeconds() && value.getMinutes() === props.maxDate.getMinutes()) {
           if (props.maxDate.getMilliseconds() < millisecond) {
@@ -1036,10 +907,8 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
           }
         }
       }
-
       return valid;
     };
-
     var validateDate = function validateDate(value) {
       if (props.yearNavigator) {
         var viewYear = value.getFullYear();
@@ -1047,36 +916,29 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
         var maxRangeYear = props.yearRange ? parseInt(props.yearRange.split(':')[1], 10) : null;
         var minYear = props.minDate && minRangeYear != null ? Math.max(props.minDate.getFullYear(), minRangeYear) : props.minDate || minRangeYear;
         var maxYear = props.maxDate && maxRangeYear != null ? Math.min(props.maxDate.getFullYear(), maxRangeYear) : props.maxDate || maxRangeYear;
-
         if (minYear && minYear > viewYear) {
           viewYear = minYear;
         }
-
         if (maxYear && maxYear < viewYear) {
           viewYear = maxYear;
         }
-
         value.setFullYear(viewYear);
       }
-
       if (props.monthNavigator && props.view !== 'month') {
         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);
       }
     };
-
     var updateTime = function updateTime(event, hour, minute, second, millisecond) {
       var newDateTime = getCurrentDateTime();
       newDateTime.setHours(hour);
       newDateTime.setMinutes(minute);
       newDateTime.setSeconds(second);
       newDateTime.setMilliseconds(millisecond);
-
       if (isMultipleSelection()) {
         if (props.value && props.value.length) {
           var value = _toConsumableArray(props.value);
-
           value[value.length - 1] = newDateTime;
           newDateTime = value;
         } else {
@@ -1091,22 +953,17 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
           newDateTime = [newDateTime, null];
         }
       }
-
       updateModel(event, newDateTime);
-
       if (props.onSelect) {
         props.onSelect({
           originalEvent: event,
           value: newDateTime
         });
       }
-
       updateInputfield(newDateTime);
     };
-
     var updateViewDate = function updateViewDate(event, value) {
       validateDate(value);
-
       if (props.onViewDateChange) {
         props.onViewDateChange({
           originalEvent: event,
@@ -1116,63 +973,53 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
         viewStateChanged.current = true;
         setViewDateState(value);
       }
-
       setCurrentMonth(value.getMonth());
       setCurrentYear(value.getFullYear());
     };
-
     var setNavigationState = function setNavigationState(newViewDate) {
       if (!props.showMinMaxRange || props.view !== 'date' || !overlayRef.current) {
         return;
       }
-
       var navPrev = utils.DomHandler.findSingle(overlayRef.current, '.p-datepicker-prev');
       var navNext = utils.DomHandler.findSingle(overlayRef.current, '.p-datepicker-next');
-
       if (props.disabled) {
         utils.DomHandler.addClass(navPrev, 'p-disabled');
         utils.DomHandler.addClass(navNext, 'p-disabled');
         return;
-      } // previous (check first day of month at 00:00:00)
-
+      }
 
+      // previous (check first day of month at 00:00:00)
       if (props.minDate) {
         var firstDayOfMonth = new Date(newViewDate.getTime());
-
         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);
-
         if (props.minDate > firstDayOfMonth) {
           utils.DomHandler.addClass(navPrev, 'p-disabled');
         } else {
           utils.DomHandler.removeClass(navPrev, 'p-disabled');
         }
-      } // next (check last day of month at 11:59:59)
-
+      }
 
+      // next (check last day of month at 11:59:59)
       if (props.maxDate) {
         var lastDayOfMonth = new Date(newViewDate.getTime());
-
         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);
         lastDayOfMonth.setSeconds(-1);
-
         if (props.maxDate < lastDayOfMonth) {
           utils.DomHandler.addClass(navNext, 'p-disabled');
         } else {
@@ -1180,11 +1027,9 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
         }
       }
     };
-
     var onDateCellKeydown = function onDateCellKeydown(event, date, groupIndex) {
       var cellContent = event.currentTarget;
       var cell = cellContent.parentElement;
-
       switch (event.which) {
         //down arrow
         case 40:
@@ -1192,10 +1037,8 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
             cellContent.tabIndex = '-1';
             var cellIndex = utils.DomHandler.index(cell);
             var nextRow = cell.parentElement.nextElementSibling;
-
             if (nextRow) {
               var focusCell = nextRow.children[cellIndex].children[0];
-
               if (utils.DomHandler.hasClass(focusCell, 'p-disabled')) {
                 navigation.current = {
                   backward: false
@@ -1211,23 +1054,18 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
               };
               navForward(event);
             }
-
             event.preventDefault();
             break;
           }
-        //up arrow
 
+        //up arrow
         case 38:
           {
             cellContent.tabIndex = '-1';
-
             var _cellIndex = utils.DomHandler.index(cell);
-
             var prevRow = cell.parentElement.previousElementSibling;
-
             if (prevRow) {
               var _focusCell = prevRow.children[_cellIndex].children[0];
-
               if (utils.DomHandler.hasClass(_focusCell, 'p-disabled')) {
                 navigation.current = {
                   backward: true
@@ -1235,7 +1073,6 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
                 navBackward(event);
               } else {
                 _focusCell.tabIndex = '0';
-
                 _focusCell.focus();
               }
             } else {
@@ -1244,76 +1081,67 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
               };
               navBackward(event);
             }
-
             event.preventDefault();
             break;
           }
-        //left arrow
 
+        //left arrow
         case 37:
           {
             cellContent.tabIndex = '-1';
             var prevCell = cell.previousElementSibling;
-
             if (prevCell) {
               var _focusCell2 = prevCell.children[0];
-
               if (utils.DomHandler.hasClass(_focusCell2, 'p-disabled')) {
                 navigateToMonth(true, groupIndex, event);
               } else {
                 _focusCell2.tabIndex = '0';
-
                 _focusCell2.focus();
               }
             } else {
               navigateToMonth(true, groupIndex, event);
             }
-
             event.preventDefault();
             break;
           }
-        //right arrow
 
+        //right arrow
         case 39:
           {
             cellContent.tabIndex = '-1';
             var nextCell = cell.nextElementSibling;
-
             if (nextCell) {
               var _focusCell3 = nextCell.children[0];
-
               if (utils.DomHandler.hasClass(_focusCell3, 'p-disabled')) {
                 navigateToMonth(false, groupIndex, event);
               } else {
                 _focusCell3.tabIndex = '0';
-
                 _focusCell3.focus();
               }
             } else {
               navigateToMonth(false, groupIndex, event);
             }
-
             event.preventDefault();
             break;
           }
-        //enter
 
+        //enter
         case 13:
           {
             onDateSelect(event, date);
             event.preventDefault();
             break;
           }
-        //escape
 
+        //escape
         case 27:
           {
             hide(null, reFocusInputField);
             event.preventDefault();
             break;
           }
-        //tab
 
+        //tab
         case 9:
           {
             trapFocus(event);
@@ -1321,7 +1149,6 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
           }
       }
     };
-
     var navigateToMonth = function navigateToMonth(prev, groupIndex, event) {
       if (prev) {
         if (props.numberOfMonths === 1 || groupIndex === 0) {
@@ -1344,27 +1171,21 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
           navForward(event);
         } else {
           var nextMonthContainer = overlayRef.current.children[groupIndex + 1];
-
           var _focusCell4 = utils.DomHandler.findSingle(nextMonthContainer, '.p-datepicker-calendar td span:not(.p-disabled)');
-
           _focusCell4.tabIndex = '0';
-
           _focusCell4.focus();
         }
       }
     };
-
     var onDateSelect = function onDateSelect(event, dateMeta, timeMeta) {
       if (props.disabled || !dateMeta.selectable) {
         event.preventDefault();
         return;
       }
-
       utils.DomHandler.find(overlayRef.current, '.p-datepicker-calendar td span:not(.p-disabled)').forEach(function (cell) {
         return cell.tabIndex = -1;
       });
       event.currentTarget.focus();
-
       if (isMultipleSelection()) {
         if (isSelected(dateMeta)) {
           var value = props.value.filter(function (date, i) {
@@ -1378,24 +1199,19 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
       } else {
         selectDate(event, dateMeta, timeMeta);
       }
-
       if (!props.inline && isSingleSelection() && (!props.showTime || props.hideOnDateTimeSelect)) {
         setTimeout(function () {
           hide('dateselect');
         }, 100);
-
         if (touchUIMask.current) {
           disableModality();
         }
       }
-
       event.preventDefault();
     };
-
     var selectTime = function selectTime(date, timeMeta) {
       if (props.showTime) {
         var hours, minutes, seconds, milliseconds;
-
         if (timeMeta) {
           hours = timeMeta.hours;
           minutes = timeMeta.minutes;
@@ -1409,28 +1225,22 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
           seconds = _ref2[2];
           milliseconds = _ref2[3];
         }
-
         date.setHours(hours);
         date.setMinutes(minutes);
         date.setSeconds(seconds);
         date.setMilliseconds(milliseconds);
       }
     };
-
     var selectDate = function selectDate(event, dateMeta, timeMeta) {
       var date = new Date(dateMeta.year, dateMeta.month, dateMeta.day);
       selectTime(date, timeMeta);
-
       if (props.minDate && props.minDate > date) {
         date = props.minDate;
       }
-
       if (props.maxDate && props.maxDate < date) {
         date = props.maxDate;
       }
-
       var selectedValues = date;
-
       if (isSingleSelection()) {
         updateModel(event, date);
       } else if (isMultipleSelection()) {
@@ -1440,7 +1250,6 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
         if (props.value && props.value.length) {
           var startDate = props.value[0];
           var endDate = props.value[1];
-
           if (!endDate) {
             if (date.getTime() >= startDate.getTime()) {
               endDate = date;
@@ -1452,7 +1261,6 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
             startDate = date;
             endDate = null;
           }
-
           selectedValues = [startDate, endDate];
           updateModel(event, selectedValues);
         } else {
@@ -1460,41 +1268,32 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
           updateModel(event, selectedValues);
         }
       }
-
       if (props.onSelect) {
         props.onSelect({
           originalEvent: event,
           value: date
         });
       }
-
       updateInputfield(selectedValues);
     };
-
     var decrementDecade = function decrementDecade() {
       var _currentYear = currentYear - 10;
-
       setCurrentYear(_currentYear);
       return _currentYear;
     };
-
     var incrementDecade = function incrementDecade() {
       var _currentYear = currentYear + 10;
-
       setCurrentYear(_currentYear);
       return _currentYear;
     };
-
     var switchToMonthView = function switchToMonthView(event) {
       setCurrentView('month');
       event.preventDefault();
     };
-
     var switchToYearView = function switchToYearView(event) {
       setCurrentView('year');
       event.preventDefault();
     };
-
     var onMonthSelect = function onMonthSelect(event, month) {
       if (props.view === 'month') {
         onDateSelect(event, {
@@ -1509,7 +1308,6 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
         createMonthsMeta(month, currentYear);
         var currentDate = new Date(getCurrentDateTime().getTime());
         currentDate.setDate(1); // #2948 always set to 1st of month
-
         currentDate.setMonth(month);
         currentDate.setYear(currentYear);
         setViewDateState(currentDate);
@@ -1520,7 +1318,6 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
         });
       }
     };
-
     var onYearSelect = function onYearSelect(event, year) {
       if (props.view === 'year') {
         onDateSelect(event, {
@@ -1538,7 +1335,6 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
         });
       }
     };
-
     var updateModel = function updateModel(event, value) {
       if (props.onChange) {
         var newValue = value && value instanceof Date ? new Date(value.getTime()) : value;
@@ -1556,7 +1352,6 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
         });
       }
     };
-
     var show = function show(type) {
       if (props.onVisibleChange) {
         props.onVisibleChange({
@@ -1565,17 +1360,14 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
         });
       } else {
         setOverlayVisibleState(true);
-
         overlayEventListener.current = function (e) {
           if (!isOutsideClicked(e)) {
             isOverlayClicked.current = true;
           }
         };
-
         overlayservice.OverlayService.on('overlay-click', overlayEventListener.current);
       }
     };
-
     var hide = function hide(type, callback) {
       var _hideCallback = function _hideCallback() {
         viewStateChanged.current = false;
@@ -1585,9 +1377,7 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
         overlayservice.OverlayService.off('overlay-click', overlayEventListener.current);
         overlayEventListener.current = null;
       };
-
       props.touchUI && disableModality();
-
       if (props.onVisibleChange) {
         props.onVisibleChange({
           visible: false,
@@ -1596,44 +1386,35 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
         });
       } else {
         setOverlayVisibleState(false);
-
         _hideCallback();
       }
     };
-
     var onOverlayEnter = function onOverlayEnter() {
       if (props.autoZIndex) {
         var key = props.touchUI ? 'modal' : 'overlay';
         utils.ZIndexUtils.set(key, overlayRef.current, PrimeReact__default["default"].autoZIndex, props.baseZIndex || PrimeReact__default["default"].zIndex[key]);
       }
-
       alignOverlay();
     };
-
     var onOverlayEntered = function onOverlayEntered() {
       bindOverlayListener();
       props.onShow && props.onShow();
     };
-
     var onOverlayExit = function onOverlayExit() {
       unbindOverlayListener();
     };
-
     var onOverlayExited = function onOverlayExited() {
       utils.ZIndexUtils.clear(overlayRef.current);
       props.onHide && props.onHide();
     };
-
     var appendDisabled = function appendDisabled() {
       return props.appendTo === 'self' || props.inline;
     };
-
     var alignOverlay = function alignOverlay() {
       if (props.touchUI) {
         enableModality();
       } else if (overlayRef && overlayRef.current && inputRef && inputRef.current) {
         utils.DomHandler.alignOverlay(overlayRef.current, inputRef.current, props.appendTo || PrimeReact__default["default"].appendTo);
-
         if (appendDisabled()) {
           utils.DomHandler.relativePosition(overlayRef.current, inputRef.current);
         } else {
@@ -1643,29 +1424,24 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
           } else {
             overlayRef.current.style.width = utils.DomHandler.getOuterWidth(inputRef.current) + 'px';
           }
-
           utils.DomHandler.absolutePosition(overlayRef.current, inputRef.current);
         }
       }
     };
-
     var enableModality = function enableModality() {
       if (!touchUIMask.current) {
         touchUIMask.current = document.createElement('div');
         touchUIMask.current.style.zIndex = String(utils.ZIndexUtils.get(overlayRef.current) - 1);
         utils.DomHandler.addMultipleClasses(touchUIMask.current, 'p-component-overlay p-datepicker-mask p-datepicker-mask-scrollblocker p-component-overlay-enter');
-
         touchUIMaskClickListener.current = function () {
           disableModality();
           hide();
         };
-
         touchUIMask.current.addEventListener('click', touchUIMaskClickListener.current);
         document.body.appendChild(touchUIMask.current);
         utils.DomHandler.addClass(document.body, 'p-overflow-hidden');
       }
     };
-
     var disableModality = function disableModality() {
       if (touchUIMask.current) {
         utils.DomHandler.addClass(touchUIMask.current, 'p-component-overlay-leave');
@@ -1674,7 +1450,6 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
         });
       }
     };
-
     var destroyMask = function destroyMask() {
       if (touchUIMask.current) {
         touchUIMask.current.removeEventListener('click', touchUIMaskClickListener.current);
@@ -1682,32 +1457,25 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
         document.body.removeChild(touchUIMask.current);
         touchUIMask.current = null;
       }
-
       var bodyChildren = document.body.children;
       var hasBlockerMasks;
-
       for (var i = 0; i < bodyChildren.length; i++) {
         var bodyChild = bodyChildren[i];
-
         if (utils.DomHandler.hasClass(bodyChild, 'p-datepicker-mask-scrollblocker')) {
           hasBlockerMasks = true;
           break;
         }
       }
-
       if (!hasBlockerMasks) {
         utils.DomHandler.removeClass(document.body, 'p-overflow-hidden');
       }
     };
-
     var isOutsideClicked = function isOutsideClicked(event) {
       return elementRef.current && !(elementRef.current.isSameNode(event.target) || isNavIconClicked(event.target) || elementRef.current.contains(event.target) || overlayRef.current && overlayRef.current.contains(event.target));
     };
-
     var isNavIconClicked = function isNavIconClicked(target) {
       return utils.DomHandler.hasClass(target, 'p-datepicker-prev') || utils.DomHandler.hasClass(target, 'p-datepicker-prev-icon') || utils.DomHandler.hasClass(target, 'p-datepicker-next') || utils.DomHandler.hasClass(target, 'p-datepicker-next-icon');
     };
-
     var getFirstDayOfMonthIndex = function getFirstDayOfMonthIndex(month, year) {
       var day = new Date();
       day.setDate(1);
@@ -1716,28 +1484,22 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
       var dayIndex = day.getDay() + getSundayIndex();
       return dayIndex >= 7 ? dayIndex - 7 : dayIndex;
     };
-
     var getDaysCountInMonth = function getDaysCountInMonth(month, year) {
       return 32 - daylightSavingAdjust(new Date(year, month, 32)).getDate();
     };
-
     var getDaysCountInPrevMonth = function getDaysCountInPrevMonth(month, year) {
       var prev = getPreviousMonthAndYear(month, year);
       return getDaysCountInMonth(prev.month, prev.year);
     };
-
     var daylightSavingAdjust = function daylightSavingAdjust(date) {
       if (!date) {
         return null;
       }
-
       date.setHours(date.getHours() > 12 ? date.getHours() + 2 : 0);
       return date;
     };
-
     var getPreviousMonthAndYear = function getPreviousMonthAndYear(month, year) {
       var m, y;
-
       if (month === 0) {
         m = 11;
         y = year - 1;
@@ -1745,16 +1507,13 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
         m = month - 1;
         y = year;
       }
-
       return {
         month: m,
         year: y
       };
     };
-
     var getNextMonthAndYear = function getNextMonthAndYear(month, year) {
       var m, y;
-
       if (month === 11) {
         m = 0;
         y = year + 1;
@@ -1762,51 +1521,39 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
         m = month + 1;
         y = year;
       }
-
       return {
         month: m,
         year: y
       };
     };
-
     var getSundayIndex = function getSundayIndex() {
       var firstDayOfWeek = PrimeReact.localeOption('firstDayOfWeek', props.locale);
       return firstDayOfWeek > 0 ? 7 - firstDayOfWeek : 0;
     };
-
     var createWeekDaysMeta = function createWeekDaysMeta() {
       var weekDays = [];
-
       var _localeOptions = PrimeReact.localeOptions(props.locale),
-          dayIndex = _localeOptions.firstDayOfWeek,
-          dayNamesMin = _localeOptions.dayNamesMin;
-
+        dayIndex = _localeOptions.firstDayOfWeek,
+        dayNamesMin = _localeOptions.dayNamesMin;
       for (var i = 0; i < 7; i++) {
         weekDays.push(dayNamesMin[dayIndex]);
         dayIndex = dayIndex === 6 ? 0 : ++dayIndex;
       }
-
       return weekDays;
     };
-
     var createMonthsMeta = function createMonthsMeta(month, year) {
       var months = [];
-
       for (var i = 0; i < props.numberOfMonths; i++) {
         var m = month + i;
         var y = year;
-
         if (m > 11) {
           m = m % 11 - 1;
           y = year + 1;
         }
-
         months.push(createMonthMeta(m, y));
       }
-
       return months;
     };
-
     var createMonthMeta = function createMonthMeta(month, year) {
       var dates = [];
       var firstDay = getFirstDayOfMonthIndex(month, year);
@@ -1816,10 +1563,8 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
       var today = new Date();
       var weekNumbers = [];
       var monthRows = Math.ceil((daysLength + firstDay) / 7);
-
       for (var i = 0; i < monthRows; i++) {
         var week = [];
-
         if (i === 0) {
           for (var j = prevMonthDaysLength - firstDay + 1; j <= prevMonthDaysLength; j++) {
             var prev = getPreviousMonthAndYear(month, year);
@@ -1832,9 +1577,7 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
               selectable: isSelectable(j, prev.month, prev.year, true)
             });
           }
-
           var remainingDaysLength = 7 - week.length;
-
           for (var _j = 0; _j < remainingDaysLength; _j++) {
             week.push({
               day: dayNo,
@@ -1866,18 +1609,14 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
                 selectable: isSelectable(dayNo, month, year, false)
               });
             }
-
             dayNo++;
           }
         }
-
         if (props.showWeek) {
           weekNumbers.push(getWeekNumber(new Date(week[0].year, week[0].month, week[0].day)));
         }
-
         dates.push(week);
       }
-
       return {
         month: month,
         year: year,
@@ -1885,7 +1624,6 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
         weekNumbers: weekNumbers
       };
     };
-
     var getWeekNumber = function getWeekNumber(date) {
       var checkDate = new Date(date.getTime());
       checkDate.setDate(checkDate.getDate() + 4 - (checkDate.getDay() || 7));
@@ -1894,14 +1632,12 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
       checkDate.setDate(1);
       return Math.floor(Math.round((time - checkDate.getTime()) / 86400000) / 7) + 1;
     };
-
     var isSelectable = function isSelectable(day, month, year, otherMonth) {
       var validMin = true;
       var validMax = true;
       var validDate = true;
       var validDay = true;
       var validMonth = true;
-
       if (props.minDate) {
         if (props.minDate.getFullYear() > year) {
           validMin = false;
@@ -1915,7 +1651,6 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
           }
         }
       }
-
       if (props.maxDate) {
         if (props.maxDate.getFullYear() < year) {
           validMax = false;
@@ -1929,26 +1664,20 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
           }
         }
       }
-
       if (props.disabledDates) {
         validDate = !isDateDisabled(day, month, year);
       }
-
       if (props.disabledDays) {
         validDay = !isDayDisabled(day, month, year);
       }
-
       if (props.selectOtherMonths === false && otherMonth) {
         validMonth = false;
       }
-
       return validMin && validMax && validDate && validDay && validMonth;
     };
-
     var isSelectableTime = function isSelectableTime(value) {
       var validMin = true;
       var validMax = true;
-
       if (props.minDate && props.minDate.toDateString() === value.toDateString()) {
         if (props.minDate.getHours() > value.getHours()) {
           validMin = false;
@@ -1966,7 +1695,6 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
           }
         }
       }
-
       if (props.maxDate && props.maxDate.toDateString() === value.toDateString()) {
         if (props.maxDate.getHours() < value.getHours()) {
           validMax = false;
@@ -1984,25 +1712,20 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
           }
         }
       }
-
       return validMin && validMax;
     };
-
     var isSelected = function isSelected(dateMeta) {
       if (props.value) {
         if (isSingleSelection()) {
           return isDateEquals(props.value, dateMeta);
         } else if (isMultipleSelection()) {
           var selected = false;
-
           var _iterator = _createForOfIteratorHelper(props.value),
-              _step;
-
+            _step;
           try {
             for (_iterator.s(); !(_step = _iterator.n()).done;) {
               var date = _step.value;
               selected = isDateEquals(date, dateMeta);
-
               if (selected) {
                 break;
               }
@@ -2012,7 +1735,6 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
           } finally {
             _iterator.f();
           }
-
           return selected;
         } else if (isRangeSelection()) {
           if (props.value[1]) return isDateEquals(props.value[0], dateMeta) || isDateEquals(props.value[1], dateMeta) || isDateBetween(props.value[0], props.value[1], dateMeta);else {
@@ -2023,87 +1745,67 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
         return false;
       }
     };
-
     var isComparable = function isComparable() {
       return props.value != null && typeof props.value !== 'string';
     };
-
     var isMonthSelected = function isMonthSelected(month) {
       if (isComparable()) {
         var value = isRangeSelection() ? props.value[0] : props.value;
         return !isMultipleSelection() ? value.getMonth() === month && value.getFullYear() === currentYear : false;
       }
-
       return false;
     };
-
     var isYearSelected = function isYearSelected(year) {
       if (isComparable()) {
         var value = isRangeSelection() ? props.value[0] : props.value;
         return !isMultipleSelection() && isComparable() ? value.getFullYear() === year : false;
       }
-
       return false;
     };
-
     var switchViewButtonDisabled = function switchViewButtonDisabled() {
       return props.numberOfMonths > 1 || props.disabled;
     };
-
     var isDateEquals = function isDateEquals(value, dateMeta) {
       if (value && value instanceof Date) return value.getDate() === dateMeta.day && value.getMonth() === dateMeta.month && value.getFullYear() === dateMeta.year;else return false;
     };
-
     var isDateBetween = function isDateBetween(start, end, dateMeta) {
       var between = false;
-
       if (start && end) {
         var date = new Date(dateMeta.year, dateMeta.month, dateMeta.day);
         return start.getTime() <= date.getTime() && end.getTime() >= date.getTime();
       }
-
       return between;
     };
-
     var isSingleSelection = function isSingleSelection() {
       return props.selectionMode === 'single';
     };
-
     var isRangeSelection = function isRangeSelection() {
       return props.selectionMode === 'range';
     };
-
     var isMultipleSelection = function isMultipleSelection() {
       return props.selectionMode === 'multiple';
     };
-
     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) {
       return props.disabledDates ? props.disabledDates.some(function (d) {
         return d.getFullYear() === year && d.getMonth() === month && d.getDate() === day;
       }) : false;
     };
-
     var isDayDisabled = function isDayDisabled(day, month, year) {
       if (props.disabledDays) {
         var weekday = new Date(year, month, day);
         var weekdayNumber = weekday.getDay();
         return props.disabledDays.indexOf(weekdayNumber) !== -1;
       }
-
       return false;
     };
-
     var updateInputfield = function updateInputfield(value) {
       if (!inputRef.current) {
         return;
       }
-
       var formattedValue = '';
-
       if (value) {
         try {
           if (isSingleSelection()) {
@@ -2113,7 +1815,6 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
               var selectedValue = value[i];
               var dateAsString = isValidDate(selectedValue) ? formatDateTime(selectedValue) : '';
               formattedValue += dateAsString;
-
               if (i !== value.length - 1) {
                 formattedValue += ', ';
               }
@@ -2123,7 +1824,6 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
               var startDate = value[0];
               var endDate = value[1];
               formattedValue = isValidDate(startDate) ? formatDateTime(startDate) : '';
-
               if (endDate) {
                 formattedValue += isValidDate(endDate) ? ' - ' + formatDateTime(endDate) : '';
               }
@@ -2133,72 +1833,56 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
           formattedValue = value;
         }
       }
-
       inputRef.current.value = formattedValue;
     };
-
     var formatDateTime = function formatDateTime(date) {
       if (props.formatDateTime) {
         return props.formatDateTime(date);
       }
-
       var formattedValue = null;
-
       if (date) {
         if (props.timeOnly) {
           formattedValue = formatTime(date);
         } else {
           formattedValue = formatDate(date, getDateFormat());
-
           if (props.showTime) {
             formattedValue += ' ' + formatTime(date);
           }
         }
       }
-
       return formattedValue;
     };
-
     var formatDate = function formatDate(date, format) {
       if (!date) {
         return '';
       }
-
       var iFormat;
-
       var lookAhead = function lookAhead(match) {
-        var matches = iFormat + 1 < format.length && format.charAt(iFormat + 1) === match;
-
-        if (matches) {
-          iFormat++;
-        }
-
-        return matches;
-      },
-          formatNumber = function formatNumber(match, value, len) {
-        var num = '' + value;
-
-        if (lookAhead(match)) {
-          while (num.length < len) {
-            num = '0' + num;
+          var matches = iFormat + 1 < format.length && format.charAt(iFormat + 1) === match;
+          if (matches) {
+            iFormat++;
           }
-        }
-
-        return num;
-      },
-          formatName = function formatName(match, value, shortNames, longNames) {
-        return lookAhead(match) ? longNames[value] : shortNames[value];
-      };
-
+          return matches;
+        },
+        formatNumber = function formatNumber(match, value, len) {
+          var num = '' + value;
+          if (lookAhead(match)) {
+            while (num.length < len) {
+              num = '0' + num;
+            }
+          }
+          return num;
+        },
+        formatName = function formatName(match, value, shortNames, longNames) {
+          return lookAhead(match) ? longNames[value] : shortNames[value];
+        };
       var output = '';
       var literal = false;
-
       var _localeOptions2 = PrimeReact.localeOptions(props.locale),
-          dayNamesShort = _localeOptions2.dayNamesShort,
-          dayNames = _localeOptions2.dayNames,
-          monthNamesShort = _localeOptions2.monthNamesShort,
-          monthNames = _localeOptions2.monthNames;
-
+        dayNamesShort = _localeOptions2.dayNamesShort,
+        dayNames = _localeOptions2.dayNames,
+        monthNamesShort = _localeOptions2.monthNamesShort,
+        monthNames = _localeOptions2.monthNames;
       if (date) {
         for (iFormat = 0; iFormat < format.length; iFormat++) {
           if (literal) {
@@ -2212,111 +1896,86 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
               case 'd':
                 output += formatNumber('d', date.getDate(), 2);
                 break;
-
               case 'D':
                 output += formatName('D', date.getDay(), dayNamesShort, dayNames);
                 break;
-
               case 'o':
                 output += formatNumber('o', Math.round((new Date(date.getFullYear(), date.getMonth(), date.getDate()).getTime() - new Date(date.getFullYear(), 0, 0).getTime()) / 86400000), 3);
                 break;
-
               case 'm':
                 output += formatNumber('m', date.getMonth() + 1, 2);
                 break;
-
               case 'M':
                 output += formatName('M', date.getMonth(), monthNamesShort, monthNames);
                 break;
-
               case 'y':
                 output += lookAhead('y') ? date.getFullYear() : (date.getFullYear() % 100 < 10 ? '0' : '') + date.getFullYear() % 100;
                 break;
-
               case '@':
                 output += date.getTime();
                 break;
-
               case '!':
                 output += date.getTime() * 10000 + ticksTo1970;
                 break;
-
               case "'":
                 if (lookAhead("'")) {
                   output += "'";
                 } else {
                   literal = true;
                 }
-
                 break;
-
               default:
                 output += format.charAt(iFormat);
             }
           }
         }
       }
-
       return output;
     };
-
     var formatTime = function formatTime(date) {
       if (!date) {
         return '';
       }
-
       var output = '';
       var hours = date.getHours();
       var minutes = date.getMinutes();
       var seconds = date.getSeconds();
       var milliseconds = date.getMilliseconds();
-
       if (props.hourFormat === '12' && hours > 11 && hours !== 12) {
         hours -= 12;
       }
-
       if (props.hourFormat === '12') {
         output += hours === 0 ? 12 : hours < 10 ? '0' + hours : hours;
       } else {
         output += hours < 10 ? '0' + hours : hours;
       }
-
       output += ':';
       output += minutes < 10 ? '0' + minutes : minutes;
-
       if (props.showSeconds) {
         output += ':';
         output += seconds < 10 ? '0' + seconds : seconds;
       }
-
       if (props.showMillisec) {
         output += '.';
         output += milliseconds < 100 ? (milliseconds < 10 ? '00' : '0') + milliseconds : milliseconds;
       }
-
       if (props.hourFormat === '12') {
         output += date.getHours() > 11 ? ' PM' : ' AM';
       }
-
       return output;
     };
-
     var parseValueFromString = function parseValueFromString(text) {
       if (!text || text.trim().length === 0) {
         return null;
       }
-
       var value;
-
       if (isSingleSelection()) {
         value = parseDateTime(text);
       } else if (isMultipleSelection()) {
         var tokens = text.split(',');
         value = [];
-
         var _iterator2 = _createForOfIteratorHelper(tokens),
-            _step2;
-
+          _step2;
         try {
           for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
             var token = _step2.value;
@@ -2329,25 +1988,19 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
         }
       } else if (isRangeSelection()) {
         var _tokens = text.split(' - ');
-
         value = [];
-
         for (var i = 0; i < _tokens.length; i++) {
           value[i] = parseDateTime(_tokens[i].trim());
         }
       }
-
       return value;
     };
-
     var parseDateTime = function parseDateTime(text) {
       if (props.parseDateTime) {
         return props.parseDateTime(text);
       }
-
       var date;
       var parts = text.split(' ');
-
       if (props.timeOnly) {
         date = new Date();
         populateTime(date, parts[0], parts[1]);
@@ -2359,44 +2012,36 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
           date = parseDate(text, getDateFormat());
         }
       }
-
       return date;
     };
-
     var populateTime = function populateTime(value, timeString, ampm) {
       if (props.hourFormat === '12' && ampm !== 'PM' && ampm !== 'AM') {
         throw new Error('Invalid Time');
       }
-
       var time = parseTime(timeString, ampm);
       value.setHours(time.hour);
       value.setMinutes(time.minute);
       value.setSeconds(time.second);
       value.setMilliseconds(time.millisecond);
     };
-
     var parseTime = function parseTime(value, ampm) {
       value = props.showMillisec ? value.replace('.', ':') : value;
       var tokens = value.split(':');
       var validTokenLength = props.showSeconds ? 3 : 2;
       validTokenLength = props.showMillisec ? validTokenLength + 1 : validTokenLength;
-
       if (tokens.length !== validTokenLength || tokens[0].length !== 2 || tokens[1].length !== 2 || props.showSeconds && tokens[2].length !== 2 || props.showMillisec && tokens[3].length !== 3) {
         throw new Error('Invalid time');
       }
-
       var h = parseInt(tokens[0], 10);
       var m = parseInt(tokens[1], 10);
       var s = props.showSeconds ? parseInt(tokens[2], 10) : null;
       var ms = props.showMillisec ? parseInt(tokens[3], 10) : null;
-
       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;
         }
-
         return {
           hour: h,
           minute: m,
@@ -2404,101 +2049,85 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
           millisecond: ms
         };
       }
-    }; // Ported from jquery-ui datepicker parseDate
-
+    };
 
+    // Ported from jquery-ui datepicker parseDate
     var parseDate = function parseDate(value, format) {
       if (format == null || value == null) {
         throw new Error('Invalid arguments');
       }
-
       value = _typeof(value) === 'object' ? value.toString() : value + '';
-
       if (value === '') {
         return null;
       }
-
       var iFormat,
-          dim,
-          extra,
-          iValue = 0,
-          shortYearCutoff = typeof props.shortYearCutoff !== 'string' ? props.shortYearCutoff : new Date().getFullYear() % 100 + parseInt(props.shortYearCutoff, 10),
-          year = -1,
-          month = -1,
-          day = -1,
-          doy = -1,
-          literal = false,
-          date,
-          lookAhead = function lookAhead(match) {
-        var matches = iFormat + 1 < format.length && format.charAt(iFormat + 1) === match;
-
-        if (matches) {
-          iFormat++;
-        }
-
-        return matches;
-      },
-          getNumber = function getNumber(match) {
-        var isDoubled = lookAhead(match),
+        dim,
+        extra,
+        iValue = 0,
+        shortYearCutoff = typeof props.shortYearCutoff !== 'string' ? props.shortYearCutoff : new Date().getFullYear() % 100 + parseInt(props.shortYearCutoff, 10),
+        year = -1,
+        month = -1,
+        day = -1,
+        doy = -1,
+        literal = false,
+        date,
+        lookAhead = function lookAhead(match) {
+          var matches = iFormat + 1 < format.length && format.charAt(iFormat + 1) === match;
+          if (matches) {
+            iFormat++;
+          }
+          return matches;
+        },
+        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 + '}'),
             num = value.substring(iValue).match(digits);
-
-        if (!num) {
-          throw new Error('Missing number at position ' + iValue);
-        }
-
-        iValue += num[0].length;
-        return parseInt(num[0], 10);
-      },
-          getName = function getName(match, shortNames, longNames) {
-        var index = -1;
-        var arr = lookAhead(match) ? longNames : shortNames;
-        var names = [];
-
-        for (var i = 0; i < arr.length; i++) {
-          names.push([i, arr[i]]);
-        }
-
-        names.sort(function (a, b) {
-          return -(a[1].length - b[1].length);
-        });
-
-        for (var _i = 0; _i < names.length; _i++) {
-          var name = names[_i][1];
-
-          if (value.substr(iValue, name.length).toLowerCase() === name.toLowerCase()) {
-            index = names[_i][0];
-            iValue += name.length;
-            break;
+          if (!num) {
+            throw new Error('Missing number at position ' + iValue);
           }
-        }
-
-        if (index !== -1) {
-          return index + 1;
-        } else {
-          throw new Error('Unknown name at position ' + iValue);
-        }
-      },
-          checkLiteral = function checkLiteral() {
-        if (value.charAt(iValue) !== format.charAt(iFormat)) {
-          throw new Error('Unexpected literal at position ' + iValue);
-        }
-
-        iValue++;
-      };
-
+          iValue += num[0].length;
+          return parseInt(num[0], 10);
+        },
+        getName = function getName(match, shortNames, longNames) {
+          var index = -1;
+          var arr = lookAhead(match) ? longNames : shortNames;
+          var names = [];
+          for (var i = 0; i < arr.length; i++) {
+            names.push([i, arr[i]]);
+          }
+          names.sort(function (a, b) {
+            return -(a[1].length - b[1].length);
+          });
+          for (var _i = 0; _i < names.length; _i++) {
+            var name = names[_i][1];
+            if (value.substr(iValue, name.length).toLowerCase() === name.toLowerCase()) {
+              index = names[_i][0];
+              iValue += name.length;
+              break;
+            }
+          }
+          if (index !== -1) {
+            return index + 1;
+          } else {
+            throw new Error('Unknown name at position ' + iValue);
+          }
+        },
+        checkLiteral = function checkLiteral() {
+          if (value.charAt(iValue) !== format.charAt(iFormat)) {
+            throw new Error('Unexpected literal at position ' + iValue);
+          }
+          iValue++;
+        };
       if (props.view === 'month') {
         day = 1;
       }
-
       var _localeOptions3 = PrimeReact.localeOptions(props.locale),
-          dayNamesShort = _localeOptions3.dayNamesShort,
-          dayNames = _localeOptions3.dayNames,
-          monthNamesShort = _localeOptions3.monthNamesShort,
-          monthNames = _localeOptions3.monthNames;
-
+        dayNamesShort = _localeOptions3.dayNamesShort,
+        dayNames = _localeOptions3.dayNames,
+        monthNamesShort = _localeOptions3.monthNamesShort,
+        monthNames = _localeOptions3.monthNames;
       for (iFormat = 0; iFormat < format.length; iFormat++) {
         if (literal) {
           if (format.charAt(iFormat) === "'" && !lookAhead("'")) {
@@ -2511,103 +2140,81 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
             case 'd':
               day = getNumber('d');
               break;
-
             case 'D':
               getName('D', dayNamesShort, dayNames);
               break;
-
             case 'o':
               doy = getNumber('o');
               break;
-
             case 'm':
               month = getNumber('m');
               break;
-
             case 'M':
               month = getName('M', monthNamesShort, monthNames);
               break;
-
             case 'y':
               year = getNumber('y');
               break;
-
             case '@':
               date = new Date(getNumber('@'));
               year = date.getFullYear();
               month = date.getMonth() + 1;
               day = date.getDate();
               break;
-
             case '!':
               date = new Date((getNumber('!') - ticksTo1970) / 10000);
               year = date.getFullYear();
               month = date.getMonth() + 1;
               day = date.getDate();
               break;
-
             case "'":
               if (lookAhead("'")) {
                 checkLiteral();
               } else {
                 literal = true;
               }
-
               break;
-
             default:
               checkLiteral();
           }
         }
       }
-
       if (iValue < value.length) {
         extra = value.substr(iValue);
-
         if (!/^\s+/.test(extra)) {
           throw new Error('Extra/unparsed characters found in date: ' + extra);
         }
       }
-
       if (year === -1) {
         year = new Date().getFullYear();
       } else if (year < 100) {
         year += new Date().getFullYear() - new Date().getFullYear() % 100 + (year <= shortYearCutoff ? 0 : -100);
       }
-
       if (doy > -1) {
         month = 1;
         day = doy;
-
         do {
           dim = getDaysCountInMonth(year, month - 1);
-
           if (day <= dim) {
             break;
           }
-
           month++;
           day -= dim;
         } while (true);
       }
-
       date = daylightSavingAdjust(new Date(year, month - 1, day));
-
       if (date.getFullYear() !== year || date.getMonth() + 1 !== month || date.getDate() !== day) {
         throw new Error('Invalid date'); // E.g. 31/02/00
       }
 
       return date;
     };
-
     var isInMinYear = function isInMinYear(viewDate) {
       return props.minDate && props.minDate.getFullYear() === viewDate.getFullYear();
     };
-
     var isInMaxYear = function isInMaxYear(viewDate) {
       return props.maxDate && props.maxDate.getFullYear() === viewDate.getFullYear();
     };
-
     React__namespace.useEffect(function () {
       utils.ObjectUtils.combinedRefs(inputRef, props.inputRef);
     }, [inputRef, props.inputRef]);
@@ -2619,13 +2226,10 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
       setCurrentMonth(viewDate.getMonth());
       setCurrentYear(viewDate.getFullYear());
       setCurrentView(props.view);
-
       if (props.inline) {
         overlayRef && overlayRef.current.setAttribute(attributeSelector, '');
-
         if (!props.disabled) {
           initFocusableCell();
-
           if (props.numberOfMonths === 1) {
             overlayRef.current.style.width = utils.DomHandler.getOuterWidth(overlayRef.current) + 'px';
           }
@@ -2643,12 +2247,10 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
           }
         }).unbindEvents;
       }
-
       if (props.value) {
         updateInputfield(props.value);
         setValue(props.value);
       }
-
       return function () {
         props.mask && unbindMaskEvents();
       };
@@ -2663,13 +2265,12 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
     }, [props.onViewDateChange, props.value]);
     hooks.useUpdateEffect(function () {
       var newDate = props.value;
-
       if (previousValue !== newDate) {
-        updateInputfield(newDate); // #3516 view date not updated when value set programatically
+        updateInputfield(newDate);
 
+        // #3516 view date not updated when value set programatically
         if (!visible && newDate) {
           var viewDate = newDate;
-
           if (isMultipleSelection()) {
             if (newDate.length) {
               viewDate = newDate[newDate.length - 1];
@@ -2681,7 +2282,6 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
               viewDate = endDate || startDate;
             }
           }
-
           if (viewDate instanceof Date) {
             validateDate(viewDate);
             setViewDateState(viewDate);
@@ -2705,7 +2305,6 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
         disableModality();
         touchUIMask.current = null;
       }
-
       utils.ZIndexUtils.clear(overlayRef.current);
     });
     React__namespace.useImperativeHandle(ref, function () {
@@ -2716,6 +2315,9 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
         getCurrentDateTime: getCurrentDateTime,
         getViewDate: getViewDate,
         updateViewDate: updateViewDate,
+        focus: function focus() {
+          return utils.DomHandler.focus(inputRef.current);
+        },
         getElement: function getElement() {
           return elementRef.current;
         },
@@ -2727,18 +2329,14 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
         }
       };
     });
-
     var setValue = function setValue(propValue) {
       if (Array.isArray(propValue)) {
         propValue = propValue[0];
       }
-
       var prevPropValue = previousValue;
-
       if (Array.isArray(prevPropValue)) {
         prevPropValue = prevPropValue[0];
       }
-
       if (!prevPropValue && propValue || propValue && propValue instanceof Date && propValue.getTime() !== prevPropValue.getTime()) {
         var viewDate = props.viewDate && isValidDate(props.viewDate) ? props.viewDate : propValue && isValidDate(propValue) ? propValue : new Date();
         validateDate(viewDate);
@@ -2746,7 +2344,6 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
         viewStateChanged.current = true;
       }
     };
-
     var createBackwardNavigator = function createBackwardNavigator(isVisible) {
       var navigatorProps = isVisible ? {
         onClick: onPrevButtonClick,
@@ -2765,7 +2362,6 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
         className: "p-datepicker-prev-icon pi pi-chevron-left"
       }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
     };
-
     var createForwardNavigator = function createForwardNavigator(isVisible) {
       var navigatorProps = isVisible ? {
         onClick: onNextButtonClick,
@@ -2784,10 +2380,8 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
         className: "p-datepicker-next-icon pi pi-chevron-right"
       }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
     };
-
     var createTitleMonthElement = function createTitleMonthElement(month) {
       var monthNames = PrimeReact.localeOption('monthNames', props.locale);
-
       if (props.monthNavigator && props.view !== 'month') {
         var viewDate = getViewDate();
         var viewMonth = viewDate.getMonth();
@@ -2803,7 +2397,6 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
         var displayedMonthNames = displayedMonthOptions.map(function (option) {
           return option.label;
         });
-
         var _content = /*#__PURE__*/React__namespace.createElement("select", {
           className: "p-datepicker-month",
           onChange: function onChange(e) {
@@ -2816,7 +2409,6 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
             value: option.value
           }, option.label);
         }));
-
         if (props.monthNavigatorTemplate) {
           var defaultContentOptions = {
             onChange: onMonthDropdownChange,
@@ -2829,35 +2421,28 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
           };
           return utils.ObjectUtils.getJSXElement(props.monthNavigatorTemplate, defaultContentOptions);
         }
-
         return _content;
       }
-
       return currentView === 'date' && /*#__PURE__*/React__namespace.createElement("button", {
         className: "p-datepicker-month p-link",
         onClick: switchToMonthView,
         disabled: switchViewButtonDisabled()
       }, monthNames[month]);
     };
-
-    var createTitleYearElement = function createTitleYearElement() {
+    var createTitleYearElement = function createTitleYearElement(metaYear) {
       if (props.yearNavigator) {
         var _yearOptions2 = [];
         var years = props.yearRange.split(':');
         var yearStart = parseInt(years[0], 10);
         var yearEnd = parseInt(years[1], 10);
-
         for (var i = yearStart; i <= yearEnd; i++) {
           _yearOptions2.push(i);
         }
-
         var viewDate = getViewDate();
         var viewYear = viewDate.getFullYear();
-
         var displayedYearNames = _yearOptions2.filter(function (year) {
           return !(props.minDate && props.minDate.getFullYear() > year) && !(props.maxDate && props.maxDate.getFullYear() < year);
         });
-
         var _content2 = /*#__PURE__*/React__namespace.createElement("select", {
           className: "p-datepicker-year",
           onChange: function onChange(e) {
@@ -2870,7 +2455,6 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
             value: year
           }, year);
         }));
-
         if (props.yearNavigatorTemplate) {
           var options = displayedYearNames.map(function (name, i) {
             return {
@@ -2890,29 +2474,24 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
           };
           return utils.ObjectUtils.getJSXElement(props.yearNavigatorTemplate, defaultContentOptions);
         }
-
         return _content2;
       }
-
+      var displayYear = props.inline ? metaYear : currentYear;
       return currentView !== 'year' && /*#__PURE__*/React__namespace.createElement("button", {
         className: "p-datepicker-year p-link",
         onClick: switchToYearView,
         disabled: switchViewButtonDisabled()
-      }, currentYear);
+      }, displayYear);
     };
-
     var createTitleDecadeElement = function createTitleDecadeElement() {
       var years = yearPickerValues();
-
       if (currentView === 'year') {
         return /*#__PURE__*/React__namespace.createElement("span", {
           className: "p-datepicker-decade"
         }, props.decadeTemplate ? props.decadeTemplate(years) : /*#__PURE__*/React__namespace.createElement("span", null, "".concat(yearPickerValues()[0], " - ").concat(yearPickerValues()[yearPickerValues().length - 1])));
       }
-
       return null;
     };
-
     var createTitle = function createTitle(monthMetaData) {
       var month = createTitleMonthElement(monthMetaData.month);
       var year = createTitleYearElement(monthMetaData.year);
@@ -2921,7 +2500,6 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
         className: "p-datepicker-title"
       }, month, year, decade);
     };
-
     var createDayNames = function createDayNames(weekDays) {
       var dayNames = weekDays.map(function (weekDay, index) {
         return /*#__PURE__*/React__namespace.createElement("th", {
@@ -2929,7 +2507,6 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
           scope: "col"
         }, /*#__PURE__*/React__namespace.createElement("span", null, weekDay));
       });
-
       if (props.showWeek) {
         var weekHeader = /*#__PURE__*/React__namespace.createElement("th", {
           scope: "col",
@@ -2938,10 +2515,8 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
         }, /*#__PURE__*/React__namespace.createElement("span", null, PrimeReact.localeOption('weekHeader', props.locale)));
         return [weekHeader].concat(_toConsumableArray(dayNames));
       }
-
       return dayNames;
     };
-
     var createDateCellContent = function createDateCellContent(date, className, groupIndex) {
       var content = props.dateTemplate ? props.dateTemplate(date) : date.day;
       return /*#__PURE__*/React__namespace.createElement("span", {
@@ -2954,7 +2529,6 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
         }
       }, content, /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null));
     };
-
     var createWeek = function createWeek(weekDates, weekNumber, groupIndex) {
       var week = weekDates.map(function (date) {
         var selected = isSelected(date);
@@ -2972,7 +2546,6 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
           className: cellClassName
         }, content);
       });
-
       if (props.showWeek) {
         var weekNumberCell = /*#__PURE__*/React__namespace.createElement("td", {
           key: 'wn' + weekNumber,
@@ -2982,10 +2555,8 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
         }, weekNumber));
         return [weekNumberCell].concat(_toConsumableArray(week));
       }
-
       return week;
     };
-
     var createDates = function createDates(monthMetaData, groupIndex) {
       return monthMetaData.dates.map(function (weekDates, index) {
         return /*#__PURE__*/React__namespace.createElement("tr", {
@@ -2993,7 +2564,6 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
         }, createWeek(weekDates, monthMetaData.weekNumbers[index], groupIndex));
       });
     };
-
     var createDateViewGrid = function createDateViewGrid(monthMetaData, weekDays, groupIndex) {
       var dayNames = createDayNames(weekDays);
       var dates = createDates(monthMetaData, groupIndex);
@@ -3003,7 +2573,6 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
         className: "p-datepicker-calendar"
       }, /*#__PURE__*/React__namespace.createElement("thead", null, /*#__PURE__*/React__namespace.createElement("tr", null, dayNames)), /*#__PURE__*/React__namespace.createElement("tbody", null, dates)));
     };
-
     var createMonth = function createMonth(monthMetaData, index) {
       var weekDays = createWeekDaysMeta();
       var backwardNavigator = createBackwardNavigator(index === 0);
@@ -3018,43 +2587,34 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
         className: "p-datepicker-header"
       }, header, backwardNavigator, title, forwardNavigator), dateViewGrid);
     };
-
     var createMonths = function createMonths(monthsMetaData) {
       var groups = monthsMetaData.map(createMonth);
       return /*#__PURE__*/React__namespace.createElement("div", {
         className: "p-datepicker-group-container"
       }, groups);
     };
-
     var createDateView = function createDateView() {
       var viewDate = getViewDate();
       var monthsMetaData = createMonthsMeta(viewDate.getMonth(), viewDate.getFullYear());
       var months = createMonths(monthsMetaData);
       return months;
     };
-
     var monthPickerValues = function monthPickerValues() {
       var monthPickerValues = [];
       var monthNamesShort = PrimeReact.localeOption('monthNamesShort', props.locale);
-
       for (var i = 0; i <= 11; i++) {
         monthPickerValues.push(monthNamesShort[i]);
       }
-
       return monthPickerValues;
     };
-
     var yearPickerValues = function yearPickerValues() {
       var yearPickerValues = [];
       var base = currentYear - currentYear % 10;
-
       for (var i = 0; i < 10; i++) {
         yearPickerValues.push(base + i);
       }
-
       return yearPickerValues;
     };
-
     var createMonthYearView = function createMonthYearView() {
       var backwardNavigator = createBackwardNavigator(true);
       var forwardNavigator = createForwardNavigator(true);
@@ -3070,7 +2630,6 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
         className: "p-datepicker-title"
       }, yearElement, decade), forwardNavigator))));
     };
-
     var createDatePicker = function createDatePicker() {
       if (!props.timeOnly) {
         if (props.view === 'date') {
@@ -3079,18 +2638,18 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
           return createMonthYearView();
         }
       }
-
       return null;
     };
-
     var createHourPicker = function createHourPicker() {
       var currentTime = getCurrentDateTime();
+      var minute = doStepMinute(currentTime.getMinutes());
       var hour = currentTime.getHours();
 
+      // #3770 account for step minutes rolling to next hour
+      hour = minute > 59 ? hour + 1 : hour;
       if (props.hourFormat === '12') {
         if (hour === 0) hour = 12;else if (hour > 11 && hour !== 12) hour = hour - 12;
       }
-
       var hourDisplay = hour < 10 ? '0' + hour : hour;
       return /*#__PURE__*/React__namespace.createElement("div", {
         className: "p-hour-picker"
@@ -3122,10 +2681,10 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
         className: "pi pi-chevron-down"
       }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null)));
     };
-
     var createMinutePicker = function createMinutePicker() {
       var currentTime = getCurrentDateTime();
-      var minute = currentTime.getMinutes();
+      var minute = doStepMinute(currentTime.getMinutes());
+      minute = minute > 59 ? minute - 60 : minute;
       var minuteDisplay = minute < 10 ? '0' + minute : minute;
       return /*#__PURE__*/React__namespace.createElement("div", {
         className: "p-minute-picker"
@@ -3157,7 +2716,6 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
         className: "pi pi-chevron-down"
       }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null)));
     };
-
     var createSecondPicker = function createSecondPicker() {
       if (props.showSeconds) {
         var currentTime = getCurrentDateTime();
@@ -3193,10 +2751,8 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
           className: "pi pi-chevron-down"
         }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null)));
       }
-
       return null;
     };
-
     var createMiliSecondPicker = function createMiliSecondPicker() {
       if (props.showMillisec) {
         var currentTime = getCurrentDateTime();
@@ -3232,10 +2788,8 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
           className: "pi pi-chevron-down"
         }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null)));
       }
-
       return null;
     };
-
     var createAmPmPicker = function createAmPmPicker() {
       if (props.hourFormat === '12') {
         var currentTime = getCurrentDateTime();
@@ -3257,26 +2811,21 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
           className: "pi pi-chevron-down"
         }), /*#__PURE__*/React__namespace.createElement(ripple.Ripple, null)));
       }
-
       return null;
     };
-
     var createSeparator = function createSeparator(separator) {
       return /*#__PURE__*/React__namespace.createElement("div", {
         className: "p-separator"
       }, /*#__PURE__*/React__namespace.createElement("span", null, separator));
     };
-
     var createTimePicker = function createTimePicker() {
       if ((props.showTime || props.timeOnly) && currentView === 'date') {
         return /*#__PURE__*/React__namespace.createElement("div", {
           className: "p-timepicker"
         }, createHourPicker(), createSeparator(':'), createMinutePicker(), props.showSeconds && createSeparator(':'), createSecondPicker(), props.showMillisec && createSeparator('.'), createMiliSecondPicker(), props.hourFormat === '12' && createSeparator(':'), createAmPmPicker());
       }
-
       return null;
     };
-
     var createInputElement = function createInputElement() {
       if (!props.inline) {
         return /*#__PURE__*/React__namespace.createElement(inputtext.InputText, {
@@ -3302,10 +2851,8 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
           tooltipOptions: props.tooltipOptions
         });
       }
-
       return null;
     };
-
     var createButton = function createButton() {
       if (props.showIcon) {
         return /*#__PURE__*/React__namespace.createElement(button.Button, {
@@ -3317,30 +2864,23 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
           className: "p-datepicker-trigger"
         });
       }
-
       return null;
     };
-
     var createContent = function createContent() {
       var input = createInputElement();
       var button = createButton();
-
       if (props.iconPos === 'left') {
         return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, button, input);
       }
-
       return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, input, button);
     };
-
     var createButtonBar = function createButtonBar() {
       if (props.showButtonBar) {
         var todayClassName = utils.classNames('p-button-text', props.todayButtonClassName);
         var clearClassName = utils.classNames('p-button-text', props.clearButtonClassName);
-
         var _localeOptions4 = PrimeReact.localeOptions(props.locale),
-            today = _localeOptions4.today,
-            clear = _localeOptions4.clear;
-
+          today = _localeOptions4.today,
+          clear = _localeOptions4.clear;
         return /*#__PURE__*/React__namespace.createElement("div", {
           className: "p-datepicker-buttonbar"
         }, /*#__PURE__*/React__namespace.createElement(button.Button, {
@@ -3361,22 +2901,17 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
           className: clearClassName
         }));
       }
-
       return null;
     };
-
     var createFooter = function createFooter() {
       if (props.footerTemplate) {
         var _content3 = props.footerTemplate();
-
         return /*#__PURE__*/React__namespace.createElement("div", {
           className: "p-datepicker-footer"
         }, _content3);
       }
-
       return null;
     };
-
     var createMonthPicker = function createMonthPicker() {
       if (currentView === 'month') {
         return /*#__PURE__*/React__namespace.createElement("div", {
@@ -3394,10 +2929,8 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
           }, m);
         }));
       }
-
       return null;
     };
-
     var createYearPicker = function createYearPicker() {
       if (currentView === 'year') {
         return /*#__PURE__*/React__namespace.createElement("div", {
@@ -3410,15 +2943,13 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
             key: "year".concat(i + 1),
             className: utils.classNames('p-yearpicker-year', {
               'p-highlight': isYearSelected(y),
-              'p-disabled': !isSelectable(0, 0, y)
+              'p-disabled': !(isSelectable(0, 0, y) || isSelectable(30, 11, y))
             })
           }, y);
         }));
       }
-
       return null;
     };
-
     var otherProps = utils.ObjectUtils.findDiffKeys(props, Calendar.defaultProps);
     var className = utils.classNames('p-calendar p-component p-inputwrapper', props.className, (_classNames = {}, _defineProperty(_classNames, "p-calendar-w-btn p-calendar-w-btn-".concat(props.iconPos), props.showIcon), _defineProperty(_classNames, 'p-calendar-disabled', props.disabled), _defineProperty(_classNames, 'p-calendar-timeonly', props.timeOnly), _defineProperty(_classNames, 'p-inputwrapper-filled', props.value || utils.DomHandler.hasClass(inputRef.current, 'p-filled') && inputRef.current.value !== ''), _defineProperty(_classNames, 'p-inputwrapper-focus', focusedState), _classNames));
     var panelClassName = utils.classNames('p-datepicker p-component', props.panelClassName, {
@@ -3427,7 +2958,9 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
       'p-datepicker-timeonly': props.timeOnly,
       'p-datepicker-multiple-month': props.numberOfMonths > 1,
       'p-datepicker-monthpicker': currentView === 'month',
-      'p-datepicker-touch-ui': props.touchUI
+      'p-datepicker-touch-ui': props.touchUI,
+      'p-input-filled': PrimeReact__default["default"].inputStyle === 'filled',
+      'p-ripple-disabled': PrimeReact__default["default"].ripple === false
     });
     var content = createContent();
     var datePicker = createDatePicker();
@@ -3473,6 +3006,7 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
     disabledDates: null,
     disabledDays: null,
     footerTemplate: null,
+    formatDateTime: null,
     headerTemplate: null,
     hideOnDateTimeSelect: false,
     hourFormat: '24',
@@ -3509,6 +3043,7 @@ this.primereact.calendar = (function (exports, React, PrimeReact, button, hooks,
     onVisibleChange: null,
     panelClassName: null,
     panelStyle: null,
+    parseDateTime: null,
     placeholder: null,
     readOnlyInput: false,
     required: false,