primevue 3.16.2 → 3.18.0

package/calendar/calendar.js

@@ -1,13 +1,13 @@
 this.primevue = this.primevue || {};
-this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Portal, vue) {
+this.primevue.calendar = (function (Button, OverlayEventBus, Portal, Ripple, utils, vue) {
     'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-    var OverlayEventBus__default = /*#__PURE__*/_interopDefaultLegacy(OverlayEventBus);
     var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
-    var Ripple__default = /*#__PURE__*/_interopDefaultLegacy(Ripple);
+    var OverlayEventBus__default = /*#__PURE__*/_interopDefaultLegacy(OverlayEventBus);
     var Portal__default = /*#__PURE__*/_interopDefaultLegacy(Portal);
+    var Ripple__default = /*#__PURE__*/_interopDefaultLegacy(Ripple);
 
     var script = {
         name: 'Calendar',
@@ -171,17 +171,41 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                 type: String,
                 default: null
             },
-            id: null,
-            inputId: null,
-            inputClass: null,
-            inputStyle: null,
-            inputProps: null,
-            panelClass: null,
-            panelStyle: null,
-            panelProps: null,
+            id: {
+                type: String,
+                default: null
+            },
+            inputId: {
+                type: String,
+                default: null
+            },
+            inputClass: {
+                type: String,
+                default: null
+            },
+            inputStyle: {
+                type: null,
+                default: null
+            },
+            inputProps: {
+                type: null,
+                default: null
+            },
+            panelClass: {
+                type: String,
+                default: null
+            },
+            panelStyle: {
+                type: null,
+                default: null
+            },
+            panelProps: {
+                type: null,
+                default: null
+            },
             'aria-labelledby': {
                 type: String,
-    			default: null
+                default: null
             },
             'aria-label': {
                 type: String,
@@ -200,6 +224,55 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
         timePickerTimer: null,
         preventFocus: false,
         typeUpdate: false,
+        data() {
+            return {
+                currentMonth: null,
+                currentYear: null,
+                currentHour: null,
+                currentMinute: null,
+                currentSecond: null,
+                pm: null,
+                focused: false,
+                overlayVisible: false,
+                currentView: this.view
+            };
+        },
+        watch: {
+            modelValue(newValue) {
+                this.updateCurrentMetaData();
+
+                if (!this.typeUpdate && !this.inline && this.input) {
+                    this.input.value = this.formatValue(newValue);
+                }
+
+                this.typeUpdate = false;
+            },
+            showTime() {
+                this.updateCurrentMetaData();
+            },
+            months() {
+                if (this.overlay) {
+                    if (!this.focused) {
+                        if (this.inline) {
+                            this.preventFocus = true;
+                        }
+
+                        setTimeout(this.updateFocus, 0);
+                    }
+                }
+            },
+            numberOfMonths() {
+                this.destroyResponsiveStyleElement();
+                this.createResponsiveStyle();
+            },
+            responsiveOptions() {
+                this.destroyResponsiveStyleElement();
+                this.createResponsiveStyle();
+            },
+            currentView() {
+                Promise.resolve(null).then(() => this.alignOverlay());
+            }
+        },
         created() {
             this.updateCurrentMetaData();
         },
@@ -217,8 +290,7 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                         this.overlay.style.width = utils.DomHandler.getOuterWidth(this.$el) + 'px';
                     }
                 }
-            }
-            else {
+            } else {
                 this.input.value = this.formatValue(this.modelValue);
             }
         },
@@ -243,6 +315,7 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
             if (this.mask) {
                 this.destroyMask();
             }
+
             this.destroyResponsiveStyleElement();
 
             this.unbindOutsideClickListener();
@@ -256,51 +329,9 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
             if (this.overlay && this.autoZIndex) {
                 utils.ZIndexUtils.clear(this.overlay);
             }
+
             this.overlay = null;
         },
-        data() {
-            return {
-                currentMonth: null,
-                currentYear: null,
-                currentHour: null,
-                currentMinute: null,
-                currentSecond: null,
-                pm: null,
-    			focused: false,
-                overlayVisible: false,
-                currentView: this.view
-            }
-        },
-        watch: {
-            modelValue(newValue) {
-                this.updateCurrentMetaData();
-                if (!this.typeUpdate && !this.inline && this.input) {
-                    this.input.value = this.formatValue(newValue);
-                }
-                this.typeUpdate = false;
-            },
-            showTime() {
-                this.updateCurrentMetaData();
-            },
-            months() {
-                if (this.overlay) {
-                    if (!this.focused) {
-                        setTimeout(this.updateFocus, 0);
-                    }
-                }
-            },
-            numberOfMonths() {
-                this.destroyResponsiveStyleElement();
-                this.createResponsiveStyle();
-            },
-            responsiveOptions() {
-                this.destroyResponsiveStyleElement();
-                this.createResponsiveStyle();
-            },
-            currentView() {
-                Promise.resolve(null).then(() => this.alignOverlay());
-            }
-        },
         methods: {
             isComparable() {
                 return this.modelValue != null && typeof this.modelValue !== 'string';
@@ -313,25 +344,23 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                 if (this.modelValue) {
                     if (this.isSingleSelection()) {
                         return this.isDateEquals(this.modelValue, dateMeta);
-                    }
-                    else if (this.isMultipleSelection()) {
+                    } else if (this.isMultipleSelection()) {
                         let selected = false;
+
                         for (let date of this.modelValue) {
                             selected = this.isDateEquals(date, dateMeta);
+
                             if (selected) {
                                 break;
                             }
                         }
 
                         return selected;
-                    }
-                    else if (this.isRangeSelection()) {
-                        if (this.modelValue[1])
-                            return this.isDateEquals(this.modelValue[0], dateMeta) || this.isDateEquals(this.modelValue[1], dateMeta) || this.isDateBetween(this.modelValue[0], this.modelValue[1], dateMeta);
+                    } else if (this.isRangeSelection()) {
+                        if (this.modelValue[1]) return this.isDateEquals(this.modelValue[0], dateMeta) || this.isDateEquals(this.modelValue[1], dateMeta) || this.isDateBetween(this.modelValue[0], this.modelValue[1], dateMeta);
                         else {
                             return this.isDateEquals(this.modelValue[0], dateMeta);
                         }
-
                     }
                 }
 
@@ -341,7 +370,7 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                 if (this.isComparable()) {
                     let value = this.isRangeSelection() ? this.modelValue[0] : this.modelValue;
 
-                    return !this.isMultipleSelection() ? (value.getMonth() === month && value.getFullYear() === this.currentYear) : false;
+                    return !this.isMultipleSelection() ? value.getMonth() === month && value.getFullYear() === this.currentYear : false;
                 }
 
                 return false;
@@ -350,21 +379,21 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                 if (this.isComparable()) {
                     let value = this.isRangeSelection() ? this.modelValue[0] : this.modelValue;
 
-                    return !this.isMultipleSelection() && this.isComparable() ? (value.getFullYear() === year) : false;
+                    return !this.isMultipleSelection() && this.isComparable() ? value.getFullYear() === year : false;
                 }
 
                 return false;
             },
             isDateEquals(value, dateMeta) {
-                if (value)
-                    return value.getDate() === dateMeta.day && value.getMonth() === dateMeta.month && value.getFullYear() === dateMeta.year;
-                else
-                    return false;
+                if (value) return value.getDate() === dateMeta.day && value.getMonth() === dateMeta.month && value.getFullYear() === dateMeta.year;
+                else return false;
             },
             isDateBetween(start, end, dateMeta) {
                 let between = false;
+
                 if (start && end) {
                     let date = new Date(dateMeta.year, dateMeta.month, dateMeta.day);
+
                     return start.getTime() <= date.getTime() && end.getTime() >= date.getTime();
                 }
 
@@ -372,11 +401,13 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
             },
             getFirstDayOfMonthIndex(month, year) {
                 let day = new Date();
+
                 day.setDate(1);
                 day.setMonth(month);
                 day.setFullYear(year);
 
                 let dayIndex = day.getDay() + this.sundayIndex;
+
                 return dayIndex >= 7 ? dayIndex - 7 : dayIndex;
             },
             getDaysCountInMonth(month, year) {
@@ -384,6 +415,7 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
             },
             getDaysCountInPrevMonth(month, year) {
                 let prev = this.getPreviousMonthAndYear(month, year);
+
                 return this.getDaysCountInMonth(prev.month, prev.year);
             },
             getPreviousMonthAndYear(month, year) {
@@ -392,13 +424,12 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                 if (month === 0) {
                     m = 11;
                     y = year - 1;
-                }
-                else {
+                } else {
                     m = month - 1;
                     y = year;
                 }
 
-                return {'month':m, 'year': y};
+                return { month: m, year: y };
             },
             getNextMonthAndYear(month, year) {
                 let m, y;
@@ -406,13 +437,12 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                 if (month === 11) {
                     m = 0;
                     y = year + 1;
-                }
-                else {
+                } else {
                     m = month + 1;
                     y = year;
                 }
 
-                return {'month':m,'year':y};
+                return { month: m, year: y };
             },
             daylightSavingAdjust(date) {
                 if (!date) {
@@ -439,12 +469,10 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                 if (this.minDate) {
                     if (this.minDate.getFullYear() > year) {
                         validMin = false;
-                    }
-                    else if (this.minDate.getFullYear() === year) {
+                    } else if (this.minDate.getFullYear() === year) {
                         if (this.minDate.getMonth() > month) {
                             validMin = false;
-                        }
-                        else if (this.minDate.getMonth() === month) {
+                        } else if (this.minDate.getMonth() === month) {
                             if (this.minDate.getDate() > day) {
                                 validMin = false;
                             }
@@ -455,12 +483,10 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                 if (this.maxDate) {
                     if (this.maxDate.getFullYear() < year) {
                         validMax = false;
-                    }
-                    else if (this.maxDate.getFullYear() === year) {
+                    } else if (this.maxDate.getFullYear() === year) {
                         if (this.maxDate.getMonth() < month) {
                             validMax = false;
-                        }
-                        else if (this.maxDate.getMonth() === month) {
+                        } else if (this.maxDate.getMonth() === month) {
                             if (this.maxDate.getDate() < day) {
                                 validMax = false;
                             }
@@ -469,11 +495,11 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                 }
 
                 if (this.disabledDates) {
-                    validDate = !this.isDateDisabled(day,month,year);
+                    validDate = !this.isDateDisabled(day, month, year);
                 }
 
                 if (this.disabledDays) {
-                    validDay = !this.isDayDisabled(day,month,year);
+                    validDay = !this.isDayDisabled(day, month, year);
                 }
 
                 return validMin && validMax && validDate && validDay;
@@ -482,10 +508,8 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                 el.setAttribute(this.attributeSelector, '');
 
                 if (this.autoZIndex) {
-                    if (this.touchUI)
-                        utils.ZIndexUtils.set('modal', el, this.baseZIndex || this.$primevue.config.zIndex.modal);
-                    else
-                        utils.ZIndexUtils.set('overlay', el, this.baseZIndex || this.$primevue.config.zIndex.overlay);
+                    if (this.touchUI) utils.ZIndexUtils.set('modal', el, this.baseZIndex || this.$primevue.config.zIndex.modal);
+                    else utils.ZIndexUtils.set('overlay', el, this.baseZIndex || this.$primevue.config.zIndex.overlay);
                 }
 
                 this.alignOverlay();
@@ -515,14 +539,14 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                 this.overlay = null;
             },
             onPrevButtonClick(event) {
-                if(this.showOtherMonths) {
-                    this.navigationState = {backward: true, button: true};
+                if (this.showOtherMonths) {
+                    this.navigationState = { backward: true, button: true };
                     this.navBackward(event);
                 }
             },
             onNextButtonClick(event) {
-                if(this.showOtherMonths) {
-                    this.navigationState = {backward: false, button: true};
+                if (this.showOtherMonths) {
+                    this.navigationState = { backward: false, button: true };
                     this.navForward(event);
                 }
             },
@@ -535,24 +559,20 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
 
                 if (this.currentView === 'month') {
                     this.decrementYear();
-                }
-                else if (this.currentView === 'year') {
+                } else if (this.currentView === 'year') {
                     this.decrementDecade();
-                }
-                else {
+                } else {
                     if (event.shiftKey) {
                         this.decrementYear();
-                    }
-                    else {
+                    } else {
                         if (this.currentMonth === 0) {
                             this.currentMonth = 11;
                             this.decrementYear();
-                        }
-                        else {
+                        } else {
                             this.currentMonth--;
                         }
 
-                        this.$emit('month-change', {month: this.currentMonth + 1, year: this.currentYear});
+                        this.$emit('month-change', { month: this.currentMonth + 1, year: this.currentYear });
                     }
                 }
             },
@@ -565,24 +585,20 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
 
                 if (this.currentView === 'month') {
                     this.incrementYear();
-                }
-                else if (this.currentView === 'year') {
+                } else if (this.currentView === 'year') {
                     this.incrementDecade();
-                }
-                else {
+                } else {
                     if (event.shiftKey) {
                         this.incrementYear();
-                    }
-                    else {
+                    } else {
                         if (this.currentMonth === 11) {
                             this.currentMonth = 0;
                             this.incrementYear();
-                        }
-                        else {
+                        } else {
                             this.currentMonth++;
                         }
 
-                        this.$emit('month-change', {month: this.currentMonth + 1, year: this.currentYear});
+                        this.$emit('month-change', { month: this.currentMonth + 1, year: this.currentYear });
                     }
                 }
             },
@@ -617,10 +633,8 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                 if (this.hourFormat === '12') {
                     this.pm = currentHour > 11;
 
-                    if (currentHour >= 12)
-                        currentHour = (currentHour == 12) ? 12 : currentHour - 12;
-                    else
-                        currentHour = (currentHour == 0) ? 12 : currentHour;
+                    if (currentHour >= 12) currentHour = currentHour == 12 ? 12 : currentHour - 12;
+                    else currentHour = currentHour == 0 ? 12 : currentHour;
                 }
 
                 this.currentHour = Math.floor(currentHour / this.stepHour) * this.stepHour;
@@ -634,6 +648,7 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                             this.overlayVisible = false;
                         }
                     };
+
                     document.addEventListener('mousedown', this.outsideClickListener);
                 }
             },
@@ -666,6 +681,7 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                             this.overlayVisible = false;
                         }
                     };
+
                     window.addEventListener('resize', this.resizeListener);
                 }
             },
@@ -676,27 +692,27 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                 }
             },
             isOutsideClicked(event) {
-                return !(this.$el.isSameNode(event.target) || this.isNavIconClicked(event) ||
-                        this.$el.contains(event.target) || (this.overlay && this.overlay.contains(event.target)));
+                return !(this.$el.isSameNode(event.target) || this.isNavIconClicked(event) || this.$el.contains(event.target) || (this.overlay && this.overlay.contains(event.target)));
             },
             isNavIconClicked(event) {
-                return (utils.DomHandler.hasClass(event.target, 'p-datepicker-prev') || utils.DomHandler.hasClass(event.target, 'p-datepicker-prev-icon')
-                        || utils.DomHandler.hasClass(event.target, 'p-datepicker-next') || utils.DomHandler.hasClass(event.target, 'p-datepicker-next-icon'));
+                return (
+                    utils.DomHandler.hasClass(event.target, 'p-datepicker-prev') ||
+                    utils.DomHandler.hasClass(event.target, 'p-datepicker-prev-icon') ||
+                    utils.DomHandler.hasClass(event.target, 'p-datepicker-next') ||
+                    utils.DomHandler.hasClass(event.target, 'p-datepicker-next-icon')
+                );
             },
             alignOverlay() {
                 if (this.touchUI) {
                     this.enableModality();
-                }
-                else if (this.overlay) {
+                } else if (this.overlay) {
                     if (this.appendTo === 'self' || this.inline) {
                         utils.DomHandler.relativePosition(this.overlay, this.$el);
-                    }
-                    else {
+                    } else {
                         if (this.view === 'date') {
                             this.overlay.style.width = utils.DomHandler.getOuterWidth(this.overlay) + 'px';
                             this.overlay.style.minWidth = utils.DomHandler.getOuterWidth(this.$el) + 'px';
-                        }
-                        else {
+                        } else {
                             this.overlay.style.width = utils.DomHandler.getOuterWidth(this.$el) + 'px';
                         }
 
@@ -709,8 +725,7 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                     if (!this.overlayVisible) {
                         this.input.focus();
                         this.overlayVisible = true;
-                    }
-                    else {
+                    } else {
                         this.overlayVisible = false;
                     }
                 }
@@ -730,41 +745,42 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                 if (this.disabledDays) {
                     let weekday = new Date(year, month, day);
                     let weekdayNumber = weekday.getDay();
+
                     return this.disabledDays.indexOf(weekdayNumber) !== -1;
                 }
+
                 return false;
             },
             onMonthDropdownChange(value) {
                 this.currentMonth = parseInt(value);
-                this.$emit('month-change', {month: this.currentMonth + 1, year: this.currentYear});
+                this.$emit('month-change', { month: this.currentMonth + 1, year: this.currentYear });
             },
             onYearDropdownChange(value) {
                 this.currentYear = parseInt(value);
-                this.$emit('year-change', {month: this.currentMonth + 1, year: this.currentYear});
+                this.$emit('year-change', { month: this.currentMonth + 1, year: this.currentYear });
             },
             onDateSelect(event, dateMeta) {
                 if (this.disabled || !dateMeta.selectable) {
                     return;
                 }
 
-                utils.DomHandler.find(this.overlay, '.p-datepicker-calendar td span:not(.p-disabled)').forEach(cell => cell.tabIndex = -1);
+                utils.DomHandler.find(this.overlay, '.p-datepicker-calendar td span:not(.p-disabled)').forEach((cell) => (cell.tabIndex = -1));
 
                 if (event) {
                     event.currentTarget.focus();
                 }
 
                 if (this.isMultipleSelection() && this.isSelected(dateMeta)) {
-                    let newValue = this.modelValue.filter(date => !this.isDateEquals(date, dateMeta));
+                    let newValue = this.modelValue.filter((date) => !this.isDateEquals(date, dateMeta));
+
                     this.updateModel(newValue);
-                }
-                else {
+                } else {
                     if (this.shouldSelectDate(dateMeta)) {
                         if (dateMeta.otherMonth) {
                             this.currentMonth = dateMeta.month;
                             this.currentYear = dateMeta.year;
                             this.selectDate(dateMeta);
-                        }
-                        else {
+                        } else {
                             this.selectDate(dateMeta);
                         }
                     }
@@ -781,10 +797,8 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                 let date = new Date(dateMeta.year, dateMeta.month, dateMeta.day);
 
                 if (this.showTime) {
-                    if (this.hourFormat === '12' && this.pm && this.currentHour != 12)
-                        date.setHours(this.currentHour + 12);
-                    else
-                        date.setHours(this.currentHour);
+                    if (this.hourFormat === '12' && this.pm && this.currentHour != 12) date.setHours(this.currentHour + 12);
+                    else date.setHours(this.currentHour);
 
                     date.setMinutes(this.currentMinute);
                     date.setSeconds(this.currentSecond);
@@ -808,25 +822,22 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
 
                 if (this.isSingleSelection()) {
                     modelVal = date;
-                }
-                else if (this.isMultipleSelection()) {
+                } else if (this.isMultipleSelection()) {
                     modelVal = this.modelValue ? [...this.modelValue, date] : [date];
-                }
-                else if (this.isRangeSelection()) {
+                } else if (this.isRangeSelection()) {
                     if (this.modelValue && this.modelValue.length) {
                         let startDate = this.modelValue[0];
                         let endDate = this.modelValue[1];
 
                         if (!endDate && date.getTime() >= startDate.getTime()) {
                             endDate = date;
-                        }
-                        else {
+                        } else {
                             startDate = date;
                             endDate = null;
                         }
+
                         modelVal = [startDate, endDate];
-                    }
-                    else {
+                    } else {
                         modelVal = [date, null];
                     }
                 }
@@ -840,16 +851,15 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                         this.overlayVisible = false;
                     }, 150);
                 }
+
                 this.$emit('date-select', date);
             },
             updateModel(value) {
                 this.$emit('update:modelValue', value);
             },
             shouldSelectDate() {
-                if (this.isMultipleSelection())
-                    return this.maxDateCount != null ? this.maxDateCount > (this.modelValue ? this.modelValue.length : 0) : true;
-                else
-                    return true;
+                if (this.isMultipleSelection()) return this.maxDateCount != null ? this.maxDateCount > (this.modelValue ? this.modelValue.length : 0) : true;
+                else return true;
             },
             isSingleSelection() {
                 return this.selectionMode === 'single';
@@ -866,33 +876,34 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                 }
 
                 let formattedValue = '';
+
                 if (value) {
                     try {
                         if (this.isSingleSelection()) {
                             formattedValue = this.formatDateTime(value);
-                        }
-                        else if (this.isMultipleSelection()) {
-                            for(let i = 0; i < value.length; i++) {
+                        } else if (this.isMultipleSelection()) {
+                            for (let i = 0; i < value.length; i++) {
                                 let dateAsString = this.formatDateTime(value[i]);
+
                                 formattedValue += dateAsString;
-                                if(i !== (value.length - 1)) {
+
+                                if (i !== value.length - 1) {
                                     formattedValue += ', ';
                                 }
                             }
-                        }
-                        else if (this.isRangeSelection()) {
+                        } else if (this.isRangeSelection()) {
                             if (value && value.length) {
                                 let startDate = value[0];
                                 let endDate = value[1];
 
                                 formattedValue = this.formatDateTime(startDate);
+
                                 if (endDate) {
                                     formattedValue += ' - ' + this.formatDateTime(endDate);
                                 }
                             }
                         }
-                    }
-                    catch(err) {
+                    } catch (err) {
                         formattedValue = value;
                     }
                 }
@@ -901,13 +912,14 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
             },
             formatDateTime(date) {
                 let formattedValue = null;
+
                 if (date) {
-                    if(this.timeOnly) {
+                    if (this.timeOnly) {
                         formattedValue = this.formatTime(date);
-                    }
-                    else {
+                    } else {
                         formattedValue = this.formatDate(date, this.datePattern);
-                        if(this.showTime) {
+
+                        if (this.showTime) {
                             formattedValue += ' ' + this.formatTime(date);
                         }
                     }
@@ -921,32 +933,38 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                 }
 
                 let iFormat;
+
                 const lookAhead = (match) => {
-                    const matches = (iFormat + 1 < format.length && format.charAt(iFormat + 1) === match);
-                    if (matches) {
-                        iFormat++;
-                    }
-                    return matches;
-                },
+                        const matches = iFormat + 1 < format.length && format.charAt(iFormat + 1) === match;
+
+                        if (matches) {
+                            iFormat++;
+                        }
+
+                        return matches;
+                    },
                     formatNumber = (match, value, len) => {
                         let num = '' + value;
+
                         if (lookAhead(match)) {
                             while (num.length < len) {
                                 num = '0' + num;
                             }
                         }
+
                         return num;
                     },
                     formatName = (match, value, shortNames, longNames) => {
-                        return (lookAhead(match) ? longNames[value] : shortNames[value]);
+                        return lookAhead(match) ? longNames[value] : shortNames[value];
                     };
+
                 let output = '';
                 let literal = false;
 
                 if (date) {
                     for (iFormat = 0; iFormat < format.length; iFormat++) {
                         if (literal) {
-                            if (format.charAt(iFormat) === '\'' && !lookAhead('\'')) {
+                            if (format.charAt(iFormat) === "'" && !lookAhead("'")) {
                                 literal = false;
                             } else {
                                 output += format.charAt(iFormat);
@@ -960,16 +978,13 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                                     output += formatName('D', date.getDay(), this.$primevue.config.locale.dayNamesShort, this.$primevue.config.locale.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);
+                                    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(), this.$primevue.config.locale.monthNamesShort, this.$primevue.config.locale.monthNames);
+                                    output += formatName('M', date.getMonth(), this.$primevue.config.locale.monthNamesShort, this.$primevue.config.locale.monthNames);
                                     break;
                                 case 'y':
                                     output += lookAhead('y') ? date.getFullYear() : (date.getFullYear() % 100 < 10 ? '0' : '') + (date.getFullYear() % 100);
@@ -980,12 +995,13 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                                 case '!':
                                     output += date.getTime() * 10000 + this.ticksTo1970;
                                     break;
-                                case '\'':
-                                    if (lookAhead('\'')) {
-                                        output += '\'';
+                                case "'":
+                                    if (lookAhead("'")) {
+                                        output += "'";
                                     } else {
                                         literal = true;
                                     }
+
                                     break;
                                 default:
                                     output += format.charAt(iFormat);
@@ -993,6 +1009,7 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                         }
                     }
                 }
+
                 return output;
             },
             formatTime(date) {
@@ -1010,21 +1027,21 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                 }
 
                 if (this.hourFormat === '12') {
-                    output += hours === 0 ? 12 : (hours < 10) ? '0' + hours : hours;
-                }
-                else {
-                    output += (hours < 10) ? '0' + hours : hours;
+                    output += hours === 0 ? 12 : hours < 10 ? '0' + hours : hours;
+                } else {
+                    output += hours < 10 ? '0' + hours : hours;
                 }
+
                 output += ':';
-                output += (minutes < 10) ? '0' + minutes : minutes;
+                output += minutes < 10 ? '0' + minutes : minutes;
 
                 if (this.showSeconds) {
                     output += ':';
-                    output += (seconds < 10) ? '0' + seconds : seconds;
+                    output += seconds < 10 ? '0' + seconds : seconds;
                 }
 
                 if (this.hourFormat === '12') {
-                    output += date.getHours() > 11 ? ' PM' : ' AM';
+                    output += date.getHours() > 11 ? ` ${this.$primevue.config.locale.pm}` : ` ${this.$primevue.config.locale.am}`;
                 }
 
                 return output;
@@ -1067,44 +1084,39 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                 this.clearTimePickerTimer();
             },
             repeat(event, interval, type, direction) {
-                let i = interval||500;
+                let i = interval || 500;
 
                 this.clearTimePickerTimer();
                 this.timePickerTimer = setTimeout(() => {
                     this.repeat(event, 100, type, direction);
                 }, i);
 
-                switch(type) {
+                switch (type) {
                     case 0:
-                        if (direction === 1)
-                            this.incrementHour(event);
-                        else
-                            this.decrementHour(event);
-                    break;
+                        if (direction === 1) this.incrementHour(event);
+                        else this.decrementHour(event);
+                        break;
 
                     case 1:
-                        if (direction === 1)
-                            this.incrementMinute(event);
-                        else
-                            this.decrementMinute(event);
-                    break;
+                        if (direction === 1) this.incrementMinute(event);
+                        else this.decrementMinute(event);
+                        break;
 
                     case 2:
-                        if (direction === 1)
-                            this.incrementSecond(event);
-                        else
-                            this.decrementSecond(event);
-                    break;
+                        if (direction === 1) this.incrementSecond(event);
+                        else this.decrementSecond(event);
+                        break;
                 }
             },
             convertTo24Hour(hours, pm) {
                 if (this.hourFormat == '12') {
                     if (hours === 12) {
-                        return (pm ? 12 : 0);
+                        return pm ? 12 : 0;
                     } else {
-                        return (pm ? hours + 12 : hours);
+                        return pm ? hours + 12 : hours;
                     }
                 }
+
                 return hours;
             },
             validateTime(hour, minute, second, pm) {
@@ -1114,18 +1126,23 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                 if (this.isRangeSelection()) {
                     value = this.modelValue[1] || this.modelValue[0];
                 }
+
                 if (this.isMultipleSelection()) {
                     value = this.modelValue[this.modelValue.length - 1];
                 }
+
                 const valueDateString = value ? value.toDateString() : null;
+
                 if (this.minDate && valueDateString && this.minDate.toDateString() === valueDateString) {
                     if (this.minDate.getHours() > convertedHour) {
                         return false;
                     }
+
                     if (this.minDate.getHours() === convertedHour) {
                         if (this.minDate.getMinutes() > minute) {
                             return false;
                         }
+
                         if (this.minDate.getMinutes() === minute) {
                             if (this.minDate.getSeconds() > second) {
                                 return false;
@@ -1138,10 +1155,12 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                     if (this.maxDate.getHours() < convertedHour) {
                         return false;
                     }
+
                     if (this.maxDate.getHours() === convertedHour) {
                         if (this.maxDate.getMinutes() < minute) {
                             return false;
                         }
+
                         if (this.maxDate.getMinutes() === minute) {
                             if (this.maxDate.getSeconds() < second) {
                                 return false;
@@ -1149,6 +1168,7 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                         }
                     }
                 }
+
                 return true;
             },
             incrementHour(event) {
@@ -1156,51 +1176,58 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                 let newHour = this.currentHour + this.stepHour;
                 let newPM = this.pm;
 
-                if (this.hourFormat == '24')
-                    newHour = (newHour >= 24) ? (newHour - 24) : newHour;
+                if (this.hourFormat == '24') newHour = newHour >= 24 ? newHour - 24 : newHour;
                 else if (this.hourFormat == '12') {
                     // Before the AM/PM break, now after
                     if (prevHour < 12 && newHour > 11) {
-                        newPM= !this.pm;
+                        newPM = !this.pm;
                     }
-                    newHour = (newHour >= 13) ? (newHour - 12) : newHour;
+
+                    newHour = newHour >= 13 ? newHour - 12 : newHour;
                 }
 
                 if (this.validateTime(newHour, this.currentMinute, this.currentSecond, newPM)) {
                     this.currentHour = newHour;
                     this.pm = newPM;
                 }
+
                 event.preventDefault();
             },
             decrementHour(event) {
                 let newHour = this.currentHour - this.stepHour;
                 let newPM = this.pm;
 
-                if (this.hourFormat == '24')
-                    newHour = (newHour < 0) ? (24 + newHour) : newHour;
+                if (this.hourFormat == '24') newHour = newHour < 0 ? 24 + newHour : newHour;
                 else if (this.hourFormat == '12') {
                     // If we were at noon/midnight, then switch
                     if (this.currentHour === 12) {
                         newPM = !this.pm;
                     }
-                    newHour = (newHour <= 0) ? (12 + newHour) : newHour;
+
+                    newHour = newHour <= 0 ? 12 + newHour : newHour;
                 }
+
                 if (this.validateTime(newHour, this.currentMinute, this.currentSecond, newPM)) {
                     this.currentHour = newHour;
                     this.pm = newPM;
                 }
+
                 event.preventDefault();
             },
             incrementMinute(event) {
                 let newMinute = this.currentMinute + this.stepMinute;
+
                 if (this.validateTime(this.currentHour, newMinute, this.currentSecond, true)) {
-                    this.currentMinute = (newMinute > 59) ? newMinute - 60 : newMinute;
+                    this.currentMinute = newMinute > 59 ? newMinute - 60 : newMinute;
                 }
+
                 event.preventDefault();
             },
             decrementMinute(event) {
                 let newMinute = this.currentMinute - this.stepMinute;
-                newMinute = (newMinute < 0) ? 60 + newMinute : newMinute;
+
+                newMinute = newMinute < 0 ? 60 + newMinute : newMinute;
+
                 if (this.validateTime(this.currentHour, newMinute, this.currentSecond, true)) {
                     this.currentMinute = newMinute;
                 }
@@ -1209,15 +1236,18 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
             },
             incrementSecond(event) {
                 let newSecond = this.currentSecond + this.stepSecond;
+
                 if (this.validateTime(this.currentHour, this.currentMinute, newSecond, true)) {
-                    this.currentSecond = (newSecond > 59) ? newSecond - 60 : newSecond;
+                    this.currentSecond = newSecond > 59 ? newSecond - 60 : newSecond;
                 }
 
                 event.preventDefault();
             },
             decrementSecond(event) {
                 let newSecond = this.currentSecond - this.stepSecond;
-                newSecond = (newSecond < 0) ? 60 + newSecond : newSecond;
+
+                newSecond = newSecond < 0 ? 60 + newSecond : newSecond;
+
                 if (this.validateTime(this.currentHour, this.currentMinute, newSecond, true)) {
                     this.currentSecond = newSecond;
                 }
@@ -1231,18 +1261,17 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                 if (this.isRangeSelection()) {
                     value = this.modelValue[1] || this.modelValue[0];
                 }
+
                 if (this.isMultipleSelection()) {
                     value = this.modelValue[this.modelValue.length - 1];
                 }
+
                 value = value ? new Date(value.getTime()) : new Date();
 
                 if (this.hourFormat == '12') {
-                    if (this.currentHour === 12)
-                        value.setHours(this.pm ? 12 : 0);
-                    else
-                        value.setHours(this.pm ? this.currentHour + 12 : this.currentHour);
-                }
-                else {
+                    if (this.currentHour === 12) value.setHours(this.pm ? 12 : 0);
+                    else value.setHours(this.pm ? this.currentHour + 12 : this.currentHour);
+                } else {
                     value.setHours(this.currentHour);
                 }
 
@@ -1250,19 +1279,17 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                 value.setSeconds(this.currentSecond);
 
                 if (this.isRangeSelection()) {
-                    if (this.modelValue[1])
-                        value = [this.modelValue[0], value];
-                    else
-                        value = [value, null];
+                    if (this.modelValue[1]) value = [this.modelValue[0], value];
+                    else value = [value, null];
                 }
 
-                if (this.isMultipleSelection()){
+                if (this.isMultipleSelection()) {
                     value = [...this.modelValue.slice(0, -1), value];
                 }
 
                 this.updateModel(value);
                 this.$emit('date-select', value);
-                setTimeout(() => this.timePickerChange = false, 0);
+                setTimeout(() => (this.timePickerChange = false), 0);
             },
             toggleAMPM(event) {
                 this.pm = !this.pm;
@@ -1276,24 +1303,22 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
             },
             onMonthSelect(event, index) {
                 if (this.view === 'month') {
-                    this.onDateSelect(event, {year: this.currentYear, month: index, day: 1, selectable: true});
-                }
-                else {
+                    this.onDateSelect(event, { year: this.currentYear, month: index, day: 1, selectable: true });
+                } else {
                     this.currentMonth = index;
                     this.currentView = 'date';
-                    this.$emit('month-change', {month: this.currentMonth + 1, year: this.currentYear});
+                    this.$emit('month-change', { month: this.currentMonth + 1, year: this.currentYear });
                 }
 
                 setTimeout(this.updateFocus, 0);
             },
             onYearSelect(event, year) {
                 if (this.view === 'year') {
-                    this.onDateSelect(event, {year: year, month: 0, day: 1, selectable: true});
-                }
-                else {
+                    this.onDateSelect(event, { year: year, month: 0, day: 1, selectable: true });
+                } else {
                     this.currentYear = year;
                     this.currentView = 'month';
-                    this.$emit('year-change', {month: this.currentMonth + 1, year: this.currentYear});
+                    this.$emit('year-change', { month: this.currentMonth + 1, year: this.currentYear });
                 }
 
                 setTimeout(this.updateFocus, 0);
@@ -1307,6 +1332,7 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                     this.maskClickListener = () => {
                         this.overlayVisible = false;
                     };
+
                     this.mask.addEventListener('click', this.maskClickListener);
 
                     document.body.appendChild(this.mask);
@@ -1329,9 +1355,11 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
 
                 let bodyChildren = document.body.children;
                 let hasBlockerMasks;
+
                 for (let i = 0; i < bodyChildren.length; i++) {
                     let bodyChild = bodyChildren[i];
-                    if(utils.DomHandler.hasClass(bodyChild, 'p-datepicker-mask-scrollblocker')) {
+
+                    if (utils.DomHandler.hasClass(bodyChild, 'p-datepicker-mask-scrollblocker')) {
                         hasBlockerMasks = true;
                         break;
                     }
@@ -1343,6 +1371,7 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
             },
             updateCurrentMetaData() {
                 const viewDate = this.viewDate;
+
                 this.currentMonth = viewDate.getMonth();
                 this.currentYear = viewDate.getFullYear();
 
@@ -1356,15 +1385,17 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                 }
 
                 let isValid = true;
+
                 if (this.isSingleSelection()) {
                     if (!this.isSelectable(value.getDate(), value.getMonth(), value.getFullYear(), false)) {
                         isValid = false;
                     }
-                } else if (value.every(v => this.isSelectable(v.getDate(), v.getMonth(), v.getFullYear(), false))) {
+                } else if (value.every((v) => this.isSelectable(v.getDate(), v.getMonth(), v.getFullYear(), false))) {
                     if (this.isRangeSelection()) {
                         isValid = value.length > 1 && value[1] > value[0] ? true : false;
                     }
                 }
+
                 return isValid;
             },
             parseValue(text) {
@@ -1376,17 +1407,19 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
 
                 if (this.isSingleSelection()) {
                     value = this.parseDateTime(text);
-                }
-                else if (this.isMultipleSelection()) {
+                } else if (this.isMultipleSelection()) {
                     let tokens = text.split(',');
+
                     value = [];
+
                     for (let token of tokens) {
                         value.push(this.parseDateTime(token.trim()));
                     }
-                }
-                else if (this.isRangeSelection()) {
+                } else if (this.isRangeSelection()) {
                     let tokens = text.split(' - ');
+
                     value = [];
+
                     for (let i = 0; i < tokens.length; i++) {
                         value[i] = this.parseDateTime(tokens[i].trim());
                     }
@@ -1401,14 +1434,13 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                 if (this.timeOnly) {
                     date = new Date();
                     this.populateTime(date, parts[0], parts[1]);
-                }
-                else {
+                } else {
                     const dateFormat = this.datePattern;
+
                     if (this.showTime) {
                         date = this.parseDate(parts[0], dateFormat);
                         this.populateTime(date, parts[1], parts[2]);
-                    }
-                    else {
+                    } else {
                         date = this.parseDate(text, dateFormat);
                     }
                 }
@@ -1420,8 +1452,10 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                     throw 'Invalid Time';
                 }
 
-                this.pm = (ampm === 'PM' || ampm === 'pm');
+                //DEBUG: 2952
+                this.pm = ampm === this.$primevue.config.locale.am || ampm === this.$primevue.config.locale.am.toLowerCase();
                 let time = this.parseTime(timeString);
+
                 value.setHours(time.hour);
                 value.setMinutes(time.minute);
                 value.setSeconds(time.second);
@@ -1429,10 +1463,10 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
             parseTime(value) {
                 let tokens = value.split(':');
                 let validTokenLength = this.showSeconds ? 3 : 2;
-                let regex = (/^[0-9][0-9]$/);
+                let regex = /^[0-9][0-9]$/;
 
                 if (tokens.length !== validTokenLength || !tokens[0].match(regex) || !tokens[1].match(regex) || (this.showSeconds && !tokens[2].match(regex))) {
-                    throw "Invalid time";
+                    throw 'Invalid time';
                 }
 
                 let h = parseInt(tokens[0]);
@@ -1440,88 +1474,97 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                 let s = this.showSeconds ? parseInt(tokens[2]) : null;
 
                 if (isNaN(h) || isNaN(m) || h > 23 || m > 59 || (this.hourFormat == '12' && h > 12) || (this.showSeconds && (isNaN(s) || s > 59))) {
-                    throw "Invalid time";
-                }
-                else {
+                    throw 'Invalid time';
+                } else {
                     if (this.hourFormat == '12' && h !== 12 && this.pm) {
-                        h+= 12;
+                        h += 12;
                     }
 
-                    return {hour: h, minute: m, second: s};
+                    return { hour: h, minute: m, second: s };
                 }
             },
             parseDate(value, format) {
                 if (format == null || value == null) {
-                    throw "Invalid arguments";
+                    throw 'Invalid arguments';
                 }
 
-                value = (typeof value === "object" ? value.toString() : value + "");
-                if (value === "") {
+                value = typeof value === 'object' ? value.toString() : value + '';
+
+                if (value === '') {
                     return null;
                 }
 
-                let iFormat, dim, extra,
-                iValue = 0,
-                shortYearCutoff = (typeof this.shortYearCutoff !== "string" ? this.shortYearCutoff : new Date().getFullYear() % 100 + parseInt(this.shortYearCutoff, 10)),
-                year = -1,
-                month = -1,
-                day = -1,
-                doy = -1,
-                literal = false,
-                date,
-                lookAhead = (match) => {
-                    let matches = (iFormat + 1 < format.length && format.charAt(iFormat + 1) === match);
-                    if (matches) {
-                        iFormat++;
-                    }
-                    return matches;
-                },
-                getNumber = (match) => {
-                    let 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 "Missing number at position " + iValue;
-                    }
-                    iValue += num[ 0 ].length;
-                    return parseInt(num[ 0 ], 10);
-                },
-                getName = (match, shortNames, longNames) => {
-                    let index = -1;
-                    let arr = lookAhead(match) ? longNames : shortNames;
-                    let names = [];
-
-                    for (let i = 0; i < arr.length; i++) {
-                        names.push([i,arr[i]]);
-                    }
-                    names.sort((a,b) => {
-                        return -(a[ 1 ].length - b[ 1 ].length);
-                    });
+                let iFormat,
+                    dim,
+                    extra,
+                    iValue = 0,
+                    shortYearCutoff = typeof this.shortYearCutoff !== 'string' ? this.shortYearCutoff : (new Date().getFullYear() % 100) + parseInt(this.shortYearCutoff, 10),
+                    year = -1,
+                    month = -1,
+                    day = -1,
+                    doy = -1,
+                    literal = false,
+                    date,
+                    lookAhead = (match) => {
+                        let matches = iFormat + 1 < format.length && format.charAt(iFormat + 1) === match;
 
-                    for (let i = 0; i < names.length; i++) {
-                        let name = names[i][1];
-                        if (value.substr(iValue, name.length).toLowerCase() === name.toLowerCase()) {
-                            index = names[i][0];
-                            iValue += name.length;
-                            break;
+                        if (matches) {
+                            iFormat++;
                         }
-                    }
 
-                    if (index !== -1) {
-                        return index + 1;
-                    } else {
-                        throw "Unknown name at position " + iValue;
-                    }
-                },
-                checkLiteral = () => {
-                    if (value.charAt(iValue) !== format.charAt(iFormat)) {
-                        throw "Unexpected literal at position " + iValue;
-                    }
-                    iValue++;
-                };
+                        return matches;
+                    },
+                    getNumber = (match) => {
+                        let 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 'Missing number at position ' + iValue;
+                        }
+
+                        iValue += num[0].length;
+
+                        return parseInt(num[0], 10);
+                    },
+                    getName = (match, shortNames, longNames) => {
+                        let index = -1;
+                        let arr = lookAhead(match) ? longNames : shortNames;
+                        let names = [];
+
+                        for (let i = 0; i < arr.length; i++) {
+                            names.push([i, arr[i]]);
+                        }
+
+                        names.sort((a, b) => {
+                            return -(a[1].length - b[1].length);
+                        });
+
+                        for (let i = 0; i < names.length; i++) {
+                            let 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 'Unknown name at position ' + iValue;
+                        }
+                    },
+                    checkLiteral = () => {
+                        if (value.charAt(iValue) !== format.charAt(iFormat)) {
+                            throw 'Unexpected literal at position ' + iValue;
+                        }
+
+                        iValue++;
+                    };
 
                 if (this.currentView === 'month') {
                     day = 1;
@@ -1536,32 +1579,32 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                         }
                     } else {
                         switch (format.charAt(iFormat)) {
-                            case "d":
-                                day = getNumber("d");
+                            case 'd':
+                                day = getNumber('d');
                                 break;
-                            case "D":
-                                getName("D", this.$primevue.config.locale.dayNamesShort, this.$primevue.config.locale.dayNames);
+                            case 'D':
+                                getName('D', this.$primevue.config.locale.dayNamesShort, this.$primevue.config.locale.dayNames);
                                 break;
-                            case "o":
-                                doy = getNumber("o");
+                            case 'o':
+                                doy = getNumber('o');
                                 break;
-                            case "m":
-                                month = getNumber("m");
+                            case 'm':
+                                month = getNumber('m');
                                 break;
-                            case "M":
-                                month = getName("M", this.$primevue.config.locale.monthNamesShort, this.$primevue.config.locale.monthNames);
+                            case 'M':
+                                month = getName('M', this.$primevue.config.locale.monthNamesShort, this.$primevue.config.locale.monthNames);
                                 break;
-                            case "y":
-                                year = getNumber("y");
+                            case 'y':
+                                year = getNumber('y');
                                 break;
-                            case "@":
-                                date = new Date(getNumber("@"));
+                            case '@':
+                                date = new Date(getNumber('@'));
                                 year = date.getFullYear();
                                 month = date.getMonth() + 1;
                                 day = date.getDate();
                                 break;
-                            case "!":
-                                date = new Date((getNumber("!") - this.ticksTo1970) / 10000);
+                            case '!':
+                                date = new Date((getNumber('!') - this.ticksTo1970) / 10000);
                                 year = date.getFullYear();
                                 month = date.getMonth() + 1;
                                 day = date.getDate();
@@ -1572,6 +1615,7 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                                 } else {
                                     literal = true;
                                 }
+
                                 break;
                             default:
                                 checkLiteral();
@@ -1581,95 +1625,124 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
 
                 if (iValue < value.length) {
                     extra = value.substr(iValue);
+
                     if (!/^\s+/.test(extra)) {
-                        throw "Extra/unparsed characters found in date: " + extra;
+                        throw '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);
+                    year += new Date().getFullYear() - (new Date().getFullYear() % 100) + (year <= shortYearCutoff ? 0 : -100);
                 }
 
                 if (doy > -1) {
                     month = 1;
                     day = doy;
+
                     do {
                         dim = this.getDaysCountInMonth(year, month - 1);
+
                         if (day <= dim) {
                             break;
                         }
+
                         month++;
                         day -= dim;
-                    // eslint-disable-next-line
+                        // eslint-disable-next-line
                     } while (true);
                 }
 
                 date = this.daylightSavingAdjust(new Date(year, month - 1, day));
 
                 if (date.getFullYear() !== year || date.getMonth() + 1 !== month || date.getDate() !== day) {
-                    throw "Invalid date"; // E.g. 31/02/00
+                    throw 'Invalid date'; // E.g. 31/02/00
                 }
 
                 return date;
             },
             getWeekNumber(date) {
                 let checkDate = new Date(date.getTime());
-                checkDate.setDate(checkDate.getDate() + 4 - ( checkDate.getDay() || 7 ));
+
+                checkDate.setDate(checkDate.getDate() + 4 - (checkDate.getDay() || 7));
                 let time = checkDate.getTime();
-                checkDate.setMonth( 0 );
-                checkDate.setDate( 1 );
-                return Math.floor( Math.round((time - checkDate.getTime()) / 86400000 ) / 7 ) + 1;
+
+                checkDate.setMonth(0);
+                checkDate.setDate(1);
+
+                return Math.floor(Math.round((time - checkDate.getTime()) / 86400000) / 7) + 1;
             },
             onDateCellKeydown(event, date, groupIndex) {
                 const cellContent = event.currentTarget;
                 const cell = cellContent.parentElement;
 
+                const cellIndex = utils.DomHandler.index(cell);
+
                 switch (event.code) {
                     case 'ArrowDown': {
                         cellContent.tabIndex = '-1';
-                        let cellIndex = utils.DomHandler.index(cell);
+
                         let nextRow = cell.parentElement.nextElementSibling;
+
                         if (nextRow) {
-                            let focusCell = nextRow.children[cellIndex].children[0];
-                            if (utils.DomHandler.hasClass(focusCell, 'p-disabled')) {
-                                this.navigationState = {backward: false};
+                            let tableRowIndex = utils.DomHandler.index(cell.parentElement);
+                            const tableRows = Array.from(cell.parentElement.parentElement.children);
+                            const nextTableRows = tableRows.slice(tableRowIndex + 1);
+
+                            let hasNextFocusableDate = nextTableRows.find((el) => {
+                                let focusCell = el.children[cellIndex].children[0];
+
+                                return !utils.DomHandler.hasClass(focusCell, 'p-disabled');
+                            });
+
+                            if (hasNextFocusableDate) {
+                                let focusCell = hasNextFocusableDate.children[cellIndex].children[0];
+
+                                focusCell.tabIndex = '0';
+                                focusCell.focus();
+                            } else {
+                                this.navigationState = { backward: false };
                                 this.navForward(event);
                             }
-                            else {
-                                nextRow.children[cellIndex].children[0].tabIndex = '0';
-                                nextRow.children[cellIndex].children[0].focus();
-                            }
-                        }
-                        else {
-                            this.navigationState = {backward: false};
+                        } else {
+                            this.navigationState = { backward: false };
                             this.navForward(event);
                         }
+
                         event.preventDefault();
                         break;
                     }
 
                     case 'ArrowUp': {
                         cellContent.tabIndex = '-1';
-                        let cellIndex = utils.DomHandler.index(cell);
                         let prevRow = cell.parentElement.previousElementSibling;
+
                         if (prevRow) {
-                            let focusCell = prevRow.children[cellIndex].children[0];
-                            if (utils.DomHandler.hasClass(focusCell, 'p-disabled')) {
-                                this.navigationState = {backward: true};
-                                this.navBackward(event);
-                            }
-                            else {
+                            let tableRowIndex = utils.DomHandler.index(cell.parentElement);
+                            const tableRows = Array.from(cell.parentElement.parentElement.children);
+                            const prevTableRows = tableRows.slice(0, tableRowIndex).reverse();
+
+                            let hasNextFocusableDate = prevTableRows.find((el) => {
+                                let focusCell = el.children[cellIndex].children[0];
+
+                                return !utils.DomHandler.hasClass(focusCell, 'p-disabled');
+                            });
+
+                            if (hasNextFocusableDate) {
+                                let focusCell = hasNextFocusableDate.children[cellIndex].children[0];
+
                                 focusCell.tabIndex = '0';
                                 focusCell.focus();
+                            } else {
+                                this.navigationState = { backward: true };
+                                this.navBackward(event);
                             }
-                        }
-                        else {
-                            this.navigationState = {backward: true};
+                        } else {
+                            this.navigationState = { backward: true };
                             this.navBackward(event);
                         }
+
                         event.preventDefault();
                         break;
                     }
@@ -1677,19 +1750,29 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                     case 'ArrowLeft': {
                         cellContent.tabIndex = '-1';
                         let prevCell = cell.previousElementSibling;
+
                         if (prevCell) {
-                            let focusCell = prevCell.children[0];
-                            if (utils.DomHandler.hasClass(focusCell, 'p-disabled')) {
-                                this.navigateToMonth(event, true, groupIndex);
-                            }
-                            else {
+                            const cells = Array.from(cell.parentElement.children);
+                            const prevCells = cells.slice(0, cellIndex).reverse();
+
+                            let hasNextFocusableDate = prevCells.find((el) => {
+                                let focusCell = el.children[0];
+
+                                return !utils.DomHandler.hasClass(focusCell, 'p-disabled');
+                            });
+
+                            if (hasNextFocusableDate) {
+                                let focusCell = hasNextFocusableDate.children[0];
+
                                 focusCell.tabIndex = '0';
                                 focusCell.focus();
+                            } else {
+                                this.navigateToMonth(event, true, groupIndex);
                             }
-                        }
-                        else {
+                        } else {
                             this.navigateToMonth(event, true, groupIndex);
                         }
+
                         event.preventDefault();
                         break;
                     }
@@ -1697,24 +1780,34 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                     case 'ArrowRight': {
                         cellContent.tabIndex = '-1';
                         let nextCell = cell.nextElementSibling;
+
                         if (nextCell) {
-                            let focusCell = nextCell.children[0];
-                            if (utils.DomHandler.hasClass(focusCell, 'p-disabled')) {
-                                this.navigateToMonth(event, false, groupIndex);
-                            }
-                            else {
+                            const cells = Array.from(cell.parentElement.children);
+                            const nextCells = cells.slice(cellIndex + 1);
+                            let hasNextFocusableDate = nextCells.find((el) => {
+                                let focusCell = el.children[0];
+
+                                return !utils.DomHandler.hasClass(focusCell, 'p-disabled');
+                            });
+
+                            if (hasNextFocusableDate) {
+                                let focusCell = hasNextFocusableDate.children[0];
+
                                 focusCell.tabIndex = '0';
                                 focusCell.focus();
+                            } else {
+                                this.navigateToMonth(event, false, groupIndex);
                             }
-                        }
-                        else {
+                        } else {
                             this.navigateToMonth(event, false, groupIndex);
                         }
+
                         event.preventDefault();
                         break;
                     }
 
                     case 'Enter':
+
                     case 'Space': {
                         this.onDateSelect(event, date);
                         event.preventDefault();
@@ -1731,6 +1824,7 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                         if (!this.inline) {
                             this.trapFocus(event);
                         }
+
                         break;
                     }
 
@@ -1738,10 +1832,10 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                         cellContent.tabIndex = '-1';
                         let currentRow = cell.parentElement;
                         let focusCell = currentRow.children[0].children[0];
+
                         if (utils.DomHandler.hasClass(focusCell, 'p-disabled')) {
                             this.navigateToMonth(event, true, groupIndex);
-                        }
-                        else {
+                        } else {
                             focusCell.tabIndex = '0';
                             focusCell.focus();
                         }
@@ -1753,11 +1847,11 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                     case 'End': {
                         cellContent.tabIndex = '-1';
                         let currentRow = cell.parentElement;
-                        let focusCell = currentRow.children[currentRow.children.length -1].children[0];
+                        let focusCell = currentRow.children[currentRow.children.length - 1].children[0];
+
                         if (utils.DomHandler.hasClass(focusCell, 'p-disabled')) {
                             this.navigateToMonth(event, false, groupIndex);
-                        }
-                        else {
+                        } else {
                             focusCell.tabIndex = '0';
                             focusCell.focus();
                         }
@@ -1769,10 +1863,9 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                     case 'PageUp': {
                         cellContent.tabIndex = '-1';
                         if (event.shiftKey) {
-                            this.navigationState = {backward: true};
+                            this.navigationState = { backward: true };
                             this.navBackward(event);
-                        }
-                        else this.navigateToMonth(event, true, groupIndex);
+                        } else this.navigateToMonth(event, true, groupIndex);
 
                         event.preventDefault();
                         break;
@@ -1781,10 +1874,9 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                     case 'PageDown': {
                         cellContent.tabIndex = '-1';
                         if (event.shiftKey) {
-                            this.navigationState = {backward: false};
+                            this.navigationState = { backward: false };
                             this.navForward(event);
-                        }
-                        else this.navigateToMonth(event, false, groupIndex);
+                        } else this.navigateToMonth(event, false, groupIndex);
 
                         event.preventDefault();
                         break;
@@ -1793,26 +1885,25 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
             },
             navigateToMonth(event, prev, groupIndex) {
                 if (prev) {
-                    if (this.numberOfMonths === 1 || (groupIndex === 0)) {
-                        this.navigationState = {backward: true};
+                    if (this.numberOfMonths === 1 || groupIndex === 0) {
+                        this.navigationState = { backward: true };
                         this.navBackward(event);
-                    }
-                    else {
+                    } else {
                         let prevMonthContainer = this.overlay.children[groupIndex - 1];
                         let cells = utils.DomHandler.find(prevMonthContainer, '.p-datepicker-calendar td span:not(.p-disabled):not(.p-ink)');
                         let focusCell = cells[cells.length - 1];
+
                         focusCell.tabIndex = '0';
                         focusCell.focus();
                     }
-                }
-                else {
-                    if (this.numberOfMonths === 1 || (groupIndex === this.numberOfMonths - 1)) {
-                        this.navigationState = {backward: false};
+                } else {
+                    if (this.numberOfMonths === 1 || groupIndex === this.numberOfMonths - 1) {
+                        this.navigationState = { backward: false };
                         this.navForward(event);
-                    }
-                    else {
+                    } else {
                         let nextMonthContainer = this.overlay.children[groupIndex + 1];
                         let focusCell = utils.DomHandler.findSingle(nextMonthContainer, '.p-datepicker-calendar td span:not(.p-disabled):not(.p-ink)');
+
                         focusCell.tabIndex = '0';
                         focusCell.focus();
                     }
@@ -1823,15 +1914,18 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
 
                 switch (event.code) {
                     case 'ArrowUp':
+
                     case 'ArrowDown': {
                         cell.tabIndex = '-1';
                         var cells = cell.parentElement.children;
                         var cellIndex = utils.DomHandler.index(cell);
-                        let nextCell = cells[event.code === 'ArrowDown' ? cellIndex + 3 : cellIndex -3];
+                        let nextCell = cells[event.code === 'ArrowDown' ? cellIndex + 3 : cellIndex - 3];
+
                         if (nextCell) {
                             nextCell.tabIndex = '0';
                             nextCell.focus();
                         }
+
                         event.preventDefault();
                         break;
                     }
@@ -1839,14 +1933,15 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                     case 'ArrowLeft': {
                         cell.tabIndex = '-1';
                         let prevCell = cell.previousElementSibling;
+
                         if (prevCell) {
                             prevCell.tabIndex = '0';
                             prevCell.focus();
-                        }
-                        else {
-                            this.navigationState = {backward: true};
+                        } else {
+                            this.navigationState = { backward: true };
                             this.navBackward(event);
                         }
+
                         event.preventDefault();
                         break;
                     }
@@ -1854,21 +1949,22 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                     case 'ArrowRight': {
                         cell.tabIndex = '-1';
                         let nextCell = cell.nextElementSibling;
+
                         if (nextCell) {
                             nextCell.tabIndex = '0';
                             nextCell.focus();
-                        }
-                        else {
-                            this.navigationState = {backward: false};
+                        } else {
+                            this.navigationState = { backward: false };
                             this.navForward(event);
                         }
+
                         event.preventDefault();
                         break;
                     }
 
                     case 'PageUp': {
                         if (event.shiftKey) return;
-                        this.navigationState = {backward: true};
+                        this.navigationState = { backward: true };
                         this.navBackward(event);
 
                         break;
@@ -1876,13 +1972,14 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
 
                     case 'PageDown': {
                         if (event.shiftKey) return;
-                        this.navigationState = {backward: false};
+                        this.navigationState = { backward: false };
                         this.navForward(event);
 
                         break;
                     }
 
                     case 'Enter':
+
                     case 'Space': {
                         this.onMonthSelect(event, index);
                         event.preventDefault();
@@ -1906,15 +2003,18 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
 
                 switch (event.code) {
                     case 'ArrowUp':
-                    case 'ArrowDown':  {
+
+                    case 'ArrowDown': {
                         cell.tabIndex = '-1';
                         var cells = cell.parentElement.children;
                         var cellIndex = utils.DomHandler.index(cell);
                         let nextCell = cells[event.code === 'ArrowDown' ? cellIndex + 2 : cellIndex - 2];
+
                         if (nextCell) {
                             nextCell.tabIndex = '0';
                             nextCell.focus();
                         }
+
                         event.preventDefault();
                         break;
                     }
@@ -1922,14 +2022,15 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                     case 'ArrowLeft': {
                         cell.tabIndex = '-1';
                         let prevCell = cell.previousElementSibling;
+
                         if (prevCell) {
                             prevCell.tabIndex = '0';
                             prevCell.focus();
-                        }
-                        else {
-                            this.navigationState = {backward: true};
+                        } else {
+                            this.navigationState = { backward: true };
                             this.navBackward(event);
                         }
+
                         event.preventDefault();
                         break;
                     }
@@ -1937,21 +2038,22 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                     case 'ArrowRight': {
                         cell.tabIndex = '-1';
                         let nextCell = cell.nextElementSibling;
+
                         if (nextCell) {
                             nextCell.tabIndex = '0';
                             nextCell.focus();
-                        }
-                        else {
-                            this.navigationState = {backward: false};
+                        } else {
+                            this.navigationState = { backward: false };
                             this.navForward(event);
                         }
+
                         event.preventDefault();
                         break;
                     }
 
                     case 'PageUp': {
                         if (event.shiftKey) return;
-                        this.navigationState = {backward: true};
+                        this.navigationState = { backward: true };
                         this.navBackward(event);
 
                         break;
@@ -1959,13 +2061,14 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
 
                     case 'PageDown': {
                         if (event.shiftKey) return;
-                        this.navigationState = {backward: false};
+                        this.navigationState = { backward: false };
                         this.navForward(event);
 
                         break;
                     }
 
                     case 'Enter':
+
                     case 'Space': {
                         this.onYearSelect(event, index);
                         event.preventDefault();
@@ -1991,37 +2094,29 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                     if (this.navigationState.button) {
                         this.initFocusableCell();
 
-                        if (this.navigationState.backward)
-                            utils.DomHandler.findSingle(this.overlay, '.p-datepicker-prev').focus();
-                        else
-                            utils.DomHandler.findSingle(this.overlay, '.p-datepicker-next').focus();
-                    }
-                    else {
+                        if (this.navigationState.backward) utils.DomHandler.findSingle(this.overlay, '.p-datepicker-prev').focus();
+                        else utils.DomHandler.findSingle(this.overlay, '.p-datepicker-next').focus();
+                    } else {
                         if (this.navigationState.backward) {
                             let cells;
 
                             if (this.currentView === 'month') {
                                 cells = utils.DomHandler.find(this.overlay, '.p-monthpicker .p-monthpicker-month:not(.p-disabled)');
-                            }
-                            else if (this.currentView === 'year') {
+                            } else if (this.currentView === 'year') {
                                 cells = utils.DomHandler.find(this.overlay, '.p-yearpicker .p-yearpicker-year:not(.p-disabled)');
-                            }
-                            else {
+                            } else {
                                 cells = utils.DomHandler.find(this.overlay, '.p-datepicker-calendar td span:not(.p-disabled):not(.p-ink)');
                             }
 
                             if (cells && cells.length > 0) {
                                 cell = cells[cells.length - 1];
                             }
-                        }
-                        else {
+                        } else {
                             if (this.currentView === 'month') {
                                 cell = utils.DomHandler.findSingle(this.overlay, '.p-monthpicker .p-monthpicker-month:not(.p-disabled)');
-                            }
-                            else if (this.currentView === 'year') {
+                            } else if (this.currentView === 'year') {
                                 cell = utils.DomHandler.findSingle(this.overlay, '.p-yearpicker .p-yearpicker-year:not(.p-disabled)');
-                            }
-                            else {
+                            } else {
                                 cell = utils.DomHandler.findSingle(this.overlay, '.p-datepicker-calendar td span:not(.p-disabled):not(.p-ink)');
                             }
                         }
@@ -2033,8 +2128,7 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                     }
 
                     this.navigationState = null;
-                }
-                else {
+                } else {
                     this.initFocusableCell();
                 }
             },
@@ -2043,24 +2137,24 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
 
                 if (this.currentView === 'month') {
                     let cells = utils.DomHandler.find(this.overlay, '.p-monthpicker .p-monthpicker-month');
-                    let selectedCell= utils.DomHandler.findSingle(this.overlay, '.p-monthpicker .p-monthpicker-month.p-highlight');
-                    cells.forEach(cell => cell.tabIndex = -1);
+                    let selectedCell = utils.DomHandler.findSingle(this.overlay, '.p-monthpicker .p-monthpicker-month.p-highlight');
+
+                    cells.forEach((cell) => (cell.tabIndex = -1));
                     cell = selectedCell || cells[0];
-                }
-                else if (this.currentView === 'year') {
+                } else if (this.currentView === 'year') {
                     let cells = utils.DomHandler.find(this.overlay, '.p-yearpicker .p-yearpicker-year');
-                    let selectedCell= utils.DomHandler.findSingle(this.overlay, '.p-yearpicker .p-yearpicker-year.p-highlight');
-                    cells.forEach(cell => cell.tabIndex = -1);
+                    let selectedCell = utils.DomHandler.findSingle(this.overlay, '.p-yearpicker .p-yearpicker-year.p-highlight');
+
+                    cells.forEach((cell) => (cell.tabIndex = -1));
                     cell = selectedCell || cells[0];
-                }
-                else {
+                } else {
                     cell = utils.DomHandler.findSingle(this.overlay, 'span.p-highlight');
+
                     if (!cell) {
                         let todayCell = utils.DomHandler.findSingle(this.overlay, 'td.p-datepicker-today span:not(.p-disabled):not(.p-ink');
-                        if (todayCell)
-                            cell = todayCell;
-                        else
-                            cell = utils.DomHandler.findSingle(this.overlay, '.p-datepicker-calendar td span:not(.p-disabled):not(.p-ink');
+
+                        if (todayCell) cell = todayCell;
+                        else cell = utils.DomHandler.findSingle(this.overlay, '.p-datepicker-calendar td span:not(.p-disabled):not(.p-ink');
                     }
                 }
 
@@ -2081,34 +2175,27 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                 if (focusableElements && focusableElements.length > 0) {
                     if (!document.activeElement) {
                         focusableElements[0].focus();
-                    }
-                    else {
+                    } else {
                         let focusedIndex = focusableElements.indexOf(document.activeElement);
 
                         if (event.shiftKey) {
-                            if (focusedIndex === -1 || focusedIndex === 0)
-                                focusableElements[focusableElements.length - 1].focus();
-                            else
-                                focusableElements[focusedIndex - 1].focus();
-                        }
-                        else {
+                            if (focusedIndex === -1 || focusedIndex === 0) focusableElements[focusableElements.length - 1].focus();
+                            else focusableElements[focusedIndex - 1].focus();
+                        } else {
                             if (focusedIndex === -1) {
                                 if (this.timeOnly) {
                                     focusableElements[0].focus();
-                                }
-                                else {
+                                } else {
                                     let spanIndex = null;
-                                    for (let i = 0; i < focusableElements.length; i++){
-                                        if (focusableElements[i].tagName === 'SPAN')
-                                            spanIndex = i;
+
+                                    for (let i = 0; i < focusableElements.length; i++) {
+                                        if (focusableElements[i].tagName === 'SPAN') spanIndex = i;
                                     }
+
                                     focusableElements[spanIndex].focus();
                                 }
-                            }
-                            else if (focusedIndex === (focusableElements.length - 1))
-                                focusableElements[0].focus();
-                            else
-                                focusableElements[focusedIndex + 1].focus();
+                            } else if (focusedIndex === focusableElements.length - 1) focusableElements[0].focus();
+                            else focusableElements[focusedIndex + 1].focus();
                         }
                     }
                 }
@@ -2117,12 +2204,12 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                 switch (event.code) {
                     case 'Tab':
                         this.trapFocus(event);
-                    break;
+                        break;
 
                     case 'Escape':
                         this.overlayVisible = false;
                         event.preventDefault();
-                    break;
+                        break;
                 }
 
                 this.$emit('keydown', event);
@@ -2133,26 +2220,32 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                     this.selectionEnd = this.input.selectionEnd;
 
                     let value = this.parseValue(event.target.value);
+
                     if (this.isValidSelection(value)) {
                         this.typeUpdate = true;
                         this.updateModel(value);
                     }
-                }
-                catch(err) {
+                } catch (err) {
                     /* NoOp */
                 }
 
                 this.$emit('input', event);
             },
+            onInputClick() {
+                if (this.showOnFocus && this.isEnabled() && !this.overlayVisible) {
+                    this.overlayVisible = true;
+                }
+            },
             onFocus(event) {
                 if (this.showOnFocus && this.isEnabled()) {
                     this.overlayVisible = true;
                 }
+
                 this.focused = true;
                 this.$emit('focus', event);
             },
             onBlur(event) {
-                this.$emit('blur', {originalEvent: event, value: event.target.value});
+                this.$emit('blur', { originalEvent: event, value: event.target.value });
 
                 this.focused = false;
                 event.target.value = this.formatValue(this.modelValue);
@@ -2160,19 +2253,16 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
             onKeyDown(event) {
                 if (event.code === 'ArrowDown' && this.overlay) {
                     this.trapFocus(event);
-                }
-                else if (event.code === 'ArrowDown' && !this.overlay) {
+                } else if (event.code === 'ArrowDown' && !this.overlay) {
                     this.overlayVisible = true;
-                }
-                else if (event.code === 'Escape') {
+                } else if (event.code === 'Escape') {
                     if (this.overlayVisible) {
                         this.overlayVisible = false;
                         event.preventDefault();
                     }
-                }
-                else if (event.code === 'Tab') {
+                } else if (event.code === 'Tab') {
                     if (this.overlay) {
-                        utils.DomHandler.getFocusableElements(this.overlay).forEach(el => el.tabIndex = '-1');
+                        utils.DomHandler.getFocusableElements(this.overlay).forEach((el) => (el.tabIndex = '-1'));
                     }
 
                     if (this.overlayVisible) {
@@ -2220,10 +2310,9 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                     }
 
                     let innerHTML = '';
+
                     if (this.responsiveOptions) {
-                        let responsiveOptions = [...this.responsiveOptions]
-                            .filter(o => !!(o.breakpoint && o.numMonths))
-                            .sort((o1, o2) => -1 * o1.breakpoint.localeCompare(o2.breakpoint, undefined, { numeric: true }));
+                        let responsiveOptions = [...this.responsiveOptions].filter((o) => !!(o.breakpoint && o.numMonths)).sort((o1, o2) => -1 * o1.breakpoint.localeCompare(o2.breakpoint, undefined, { numeric: true }));
 
                         for (let i = 0; i < responsiveOptions.length; i++) {
                             let { breakpoint, numMonths } = responsiveOptions[i];
@@ -2251,7 +2340,7 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
 
                     this.responsiveStyleElement.innerHTML = innerHTML;
                 }
-    		},
+            },
             destroyResponsiveStyleElement() {
                 if (this.responsiveStyleElement) {
                     this.responsiveStyleElement.remove();
@@ -2262,19 +2351,18 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
         computed: {
             viewDate() {
                 let propValue = this.modelValue;
+
                 if (propValue && Array.isArray(propValue)) {
                     if (this.isRangeSelection()) {
                         propValue = propValue[1] || propValue[0];
-                    }
-                    else if (this.isMultipleSelection()) {
+                    } else if (this.isMultipleSelection()) {
                         propValue = propValue[propValue.length - 1];
                     }
                 }
 
                 if (propValue && typeof propValue !== 'string') {
                     return propValue;
-                }
-                else {
+                } else {
                     let today = new Date();
 
                     if (this.maxDate && this.maxDate < today) {
@@ -2304,25 +2392,31 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                 ];
             },
             panelStyleClass() {
-                return ['p-datepicker p-component', this.panelClass, {
-                    'p-datepicker-inline': this.inline,
-                    'p-disabled': this.disabled,
-                    'p-datepicker-timeonly': this.timeOnly,
-                    'p-datepicker-multiple-month': this.numberOfMonths > 1,
-                    'p-datepicker-monthpicker': (this.currentView === 'month'),
-                    'p-datepicker-yearpicker': (this.currentView === 'year'),
-                    'p-datepicker-touch-ui': this.touchUI,
-                    'p-input-filled': this.$primevue.config.inputStyle === 'filled',
-                    'p-ripple-disabled': this.$primevue.config.ripple === false
-                }];
+                return [
+                    'p-datepicker p-component',
+                    this.panelClass,
+                    {
+                        'p-datepicker-inline': this.inline,
+                        'p-disabled': this.disabled,
+                        'p-datepicker-timeonly': this.timeOnly,
+                        'p-datepicker-multiple-month': this.numberOfMonths > 1,
+                        'p-datepicker-monthpicker': this.currentView === 'month',
+                        'p-datepicker-yearpicker': this.currentView === 'year',
+                        'p-datepicker-touch-ui': this.touchUI,
+                        'p-input-filled': this.$primevue.config.inputStyle === 'filled',
+                        'p-ripple-disabled': this.$primevue.config.ripple === false
+                    }
+                ];
             },
             months() {
                 let months = [];
-                for (let i = 0 ; i < this.numberOfMonths; i++) {
+
+                for (let i = 0; i < this.numberOfMonths; i++) {
                     let month = this.currentMonth + i;
                     let year = this.currentYear;
+
                     if (month > 11) {
-                        month = month % 11 - 1;
+                        month = (month % 11) - 1;
                         year = year + 1;
                     }
 
@@ -2339,30 +2433,33 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                         let week = [];
 
                         if (i == 0) {
-                            for (let j = (prevMonthDaysLength - firstDay + 1); j <= prevMonthDaysLength; j++) {
+                            for (let j = prevMonthDaysLength - firstDay + 1; j <= prevMonthDaysLength; j++) {
                                 let prev = this.getPreviousMonthAndYear(month, year);
-                                week.push({day: j, month: prev.month, year: prev.year, otherMonth: true,
-                                        today: this.isToday(today, j, prev.month, prev.year), selectable: this.isSelectable(j, prev.month, prev.year, true)});
+
+                                week.push({ day: j, month: prev.month, year: prev.year, otherMonth: true, today: this.isToday(today, j, prev.month, prev.year), selectable: this.isSelectable(j, prev.month, prev.year, true) });
                             }
 
                             let remainingDaysLength = 7 - week.length;
+
                             for (let j = 0; j < remainingDaysLength; j++) {
-                                week.push({day: dayNo, month: month, year: year, today: this.isToday(today, dayNo, month, year),
-                                        selectable: this.isSelectable(dayNo, month, year, false)});
+                                week.push({ day: dayNo, month: month, year: year, today: this.isToday(today, dayNo, month, year), selectable: this.isSelectable(dayNo, month, year, false) });
                                 dayNo++;
                             }
-                        }
-                        else {
+                        } else {
                             for (let j = 0; j < 7; j++) {
                                 if (dayNo > daysLength) {
                                     let next = this.getNextMonthAndYear(month, year);
-                                    week.push({day: dayNo - daysLength, month: next.month, year: next.year, otherMonth: true,
-                                                today: this.isToday(today, dayNo - daysLength, next.month, next.year),
-                                                selectable: this.isSelectable((dayNo - daysLength), next.month, next.year, true)});
-                                }
-                                else {
-                                    week.push({day: dayNo, month: month, year: year, today: this.isToday(today, dayNo, month, year),
-                                        selectable: this.isSelectable(dayNo, month, year, false)});
+
+                                    week.push({
+                                        day: dayNo - daysLength,
+                                        month: next.month,
+                                        year: next.year,
+                                        otherMonth: true,
+                                        today: this.isToday(today, dayNo - daysLength, next.month, next.year),
+                                        selectable: this.isSelectable(dayNo - daysLength, next.month, next.year, true)
+                                    });
+                                } else {
+                                    week.push({ day: dayNo, month: month, year: year, today: this.isToday(today, dayNo, month, year), selectable: this.isSelectable(dayNo, month, year, false) });
                                 }
 
                                 dayNo++;
@@ -2389,15 +2486,16 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
             weekDays() {
                 let weekDays = [];
                 let dayIndex = this.$primevue.config.locale.firstDayOfWeek;
+
                 for (let i = 0; i < 7; i++) {
                     weekDays.push(this.$primevue.config.locale.dayNamesMin[dayIndex]);
-                    dayIndex = (dayIndex == 6) ? 0 : ++dayIndex;
+                    dayIndex = dayIndex == 6 ? 0 : ++dayIndex;
                 }
 
                 return weekDays;
             },
             ticksTo1970() {
-                return (((1970 - 1) * 365 + Math.floor(1970 / 4) - Math.floor(1970 / 100) + Math.floor(1970 / 400)) * 24 * 60 * 60 * 10000000);
+                return ((1970 - 1) * 365 + Math.floor(1970 / 4) - Math.floor(1970 / 100) + Math.floor(1970 / 400)) * 24 * 60 * 60 * 10000000;
             },
             sundayIndex() {
                 return this.$primevue.config.locale.firstDayOfWeek > 0 ? 7 - this.$primevue.config.locale.firstDayOfWeek : 0;
@@ -2415,8 +2513,7 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
 
                     if (this.currentYear < yearStart) {
                         $vm.currentYear = yearEnd;
-                    }
-                    else if (this.currentYear > yearEnd) {
+                    } else if (this.currentYear > yearEnd) {
                         $vm.currentYear = yearStart;
                     }
 
@@ -2425,13 +2522,13 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                     }
 
                     return yearOptions;
-                }
-                else {
+                } else {
                     return null;
                 }
             },
             monthPickerValues() {
                 let monthPickerValues = [];
+
                 for (let i = 0; i <= 11; i++) {
                     monthPickerValues.push(this.$primevue.config.locale.monthNamesShort[i]);
                 }
@@ -2440,7 +2537,8 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
             },
             yearPickerValues() {
                 let yearPickerValues = [];
-                let base = this.currentYear -  (this.currentYear % 10);
+                let base = this.currentYear - (this.currentYear % 10);
+
                 for (let i = 0; i < 10; i++) {
                     yearPickerValues.push(base + i);
                 }
@@ -2479,16 +2577,16 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
             }
         },
         components: {
-            'CalendarButton': Button__default["default"],
-            'Portal': Portal__default["default"]
+            CalendarButton: Button__default["default"],
+            Portal: Portal__default["default"]
         },
         directives: {
-            'ripple': Ripple__default["default"]
+            ripple: Ripple__default["default"]
         }
     };
 
     const _hoisted_1 = ["id"];
-    const _hoisted_2 = ["id", "placeholder", "aria-expanded", "aria-controls", "aria-labelledby", "aria-label", "readonly"];
+    const _hoisted_2 = ["id", "placeholder", "aria-expanded", "aria-controls", "aria-labelledby", "aria-label", "disabled", "readonly"];
     const _hoisted_3 = ["id", "role", "aria-modal", "aria-label"];
     const _hoisted_4 = { class: "p-datepicker-group-container" };
     const _hoisted_5 = { class: "p-datepicker-header" };
@@ -2641,9 +2739,9 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
           ? (vue.openBlock(), vue.createElementBlock("input", vue.mergeProps({
               key: 0,
               ref: $options.inputRef,
+              id: $props.inputId,
               type: "text",
               role: "combobox",
-              id: $props.inputId,
               class: ['p-inputtext p-component', $props.inputClass],
               style: $props.inputStyle,
               placeholder: $props.placeholder,
@@ -2654,12 +2752,14 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
               "aria-labelledby": _ctx.ariaLabelledby,
               "aria-label": _ctx.ariaLabel,
               inputmode: "none",
-              onInput: _cache[0] || (_cache[0] = (...args) => ($options.onInput && $options.onInput(...args))),
-              onFocus: _cache[1] || (_cache[1] = (...args) => ($options.onFocus && $options.onFocus(...args))),
-              onBlur: _cache[2] || (_cache[2] = (...args) => ($options.onBlur && $options.onBlur(...args))),
-              onKeydown: _cache[3] || (_cache[3] = (...args) => ($options.onKeyDown && $options.onKeyDown(...args))),
+              disabled: $props.disabled,
               readonly: !$props.manualInput,
-              tabindex: 0
+              tabindex: 0,
+              onInput: _cache[0] || (_cache[0] = (...args) => ($options.onInput && $options.onInput(...args))),
+              onClick: _cache[1] || (_cache[1] = (...args) => ($options.onInputClick && $options.onInputClick(...args))),
+              onFocus: _cache[2] || (_cache[2] = (...args) => ($options.onFocus && $options.onFocus(...args))),
+              onBlur: _cache[3] || (_cache[3] = (...args) => ($options.onBlur && $options.onBlur(...args))),
+              onKeydown: _cache[4] || (_cache[4] = (...args) => ($options.onKeyDown && $options.onKeyDown(...args)))
             }, $props.inputProps), null, 16, _hoisted_2))
           : vue.createCommentVNode("", true),
         ($props.showIcon)
@@ -2683,7 +2783,7 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
           default: vue.withCtx(() => [
             vue.createVNode(vue.Transition, {
               name: "p-connected-overlay",
-              onEnter: _cache[67] || (_cache[67] = $event => ($options.onOverlayEnter($event))),
+              onEnter: _cache[68] || (_cache[68] = $event => ($options.onOverlayEnter($event))),
               onAfterEnter: $options.onOverlayEnterComplete,
               onAfterLeave: $options.onOverlayAfterLeave,
               onLeave: $options.onOverlayLeave
@@ -2699,27 +2799,27 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                       role: $props.inline ? null : 'dialog',
                       "aria-modal": $props.inline ? null : 'true',
                       "aria-label": _ctx.$primevue.config.locale.chooseDate,
-                      onClick: _cache[64] || (_cache[64] = (...args) => ($options.onOverlayClick && $options.onOverlayClick(...args))),
-                      onKeydown: _cache[65] || (_cache[65] = (...args) => ($options.onOverlayKeyDown && $options.onOverlayKeyDown(...args))),
-                      onMouseup: _cache[66] || (_cache[66] = (...args) => ($options.onOverlayMouseUp && $options.onOverlayMouseUp(...args)))
+                      onClick: _cache[65] || (_cache[65] = (...args) => ($options.onOverlayClick && $options.onOverlayClick(...args))),
+                      onKeydown: _cache[66] || (_cache[66] = (...args) => ($options.onOverlayKeyDown && $options.onOverlayKeyDown(...args))),
+                      onMouseup: _cache[67] || (_cache[67] = (...args) => ($options.onOverlayMouseUp && $options.onOverlayMouseUp(...args)))
                     }, $props.panelProps), [
                       (!$props.timeOnly)
                         ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                             vue.createElementVNode("div", _hoisted_4, [
                               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($options.months, (month, groupIndex) => {
                                 return (vue.openBlock(), vue.createElementBlock("div", {
-                                  class: "p-datepicker-group",
-                                  key: month.month + month.year
+                                  key: month.month + month.year,
+                                  class: "p-datepicker-group"
                                 }, [
                                   vue.createElementVNode("div", _hoisted_5, [
                                     vue.renderSlot(_ctx.$slots, "header"),
                                     vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", {
                                       class: "p-datepicker-prev p-link",
-                                      onClick: _cache[4] || (_cache[4] = (...args) => ($options.onPrevButtonClick && $options.onPrevButtonClick(...args))),
+                                      onClick: _cache[5] || (_cache[5] = (...args) => ($options.onPrevButtonClick && $options.onPrevButtonClick(...args))),
                                       type: "button",
-                                      onKeydown: _cache[5] || (_cache[5] = (...args) => ($options.onContainerButtonKeydown && $options.onContainerButtonKeydown(...args))),
+                                      onKeydown: _cache[6] || (_cache[6] = (...args) => ($options.onContainerButtonKeydown && $options.onContainerButtonKeydown(...args))),
                                       disabled: $props.disabled,
-                                      "aria-label":  $data.currentView === 'year' ? _ctx.$primevue.config.locale.prevDecade: $data.currentView === 'month' ? _ctx.$primevue.config.locale.prevYear : _ctx.$primevue.config.locale.prevMonth
+                                      "aria-label": $data.currentView === 'year' ? _ctx.$primevue.config.locale.prevDecade : $data.currentView === 'month' ? _ctx.$primevue.config.locale.prevYear : _ctx.$primevue.config.locale.prevMonth
                                     }, _hoisted_8, 40, _hoisted_6)), [
                                       [vue.vShow, $props.showOtherMonths ? groupIndex === 0 : false],
                                       [_directive_ripple]
@@ -2729,8 +2829,8 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                                         ? (vue.openBlock(), vue.createElementBlock("button", {
                                             key: 0,
                                             type: "button",
-                                            onClick: _cache[6] || (_cache[6] = (...args) => ($options.switchToMonthView && $options.switchToMonthView(...args))),
-                                            onKeydown: _cache[7] || (_cache[7] = (...args) => ($options.onContainerButtonKeydown && $options.onContainerButtonKeydown(...args))),
+                                            onClick: _cache[7] || (_cache[7] = (...args) => ($options.switchToMonthView && $options.switchToMonthView(...args))),
+                                            onKeydown: _cache[8] || (_cache[8] = (...args) => ($options.onContainerButtonKeydown && $options.onContainerButtonKeydown(...args))),
                                             class: "p-datepicker-month p-link",
                                             disabled: $options.switchViewButtonDisabled,
                                             "aria-label": _ctx.$primevue.config.locale.chooseMonth
@@ -2740,8 +2840,8 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                                         ? (vue.openBlock(), vue.createElementBlock("button", {
                                             key: 1,
                                             type: "button",
-                                            onClick: _cache[8] || (_cache[8] = (...args) => ($options.switchToYearView && $options.switchToYearView(...args))),
-                                            onKeydown: _cache[9] || (_cache[9] = (...args) => ($options.onContainerButtonKeydown && $options.onContainerButtonKeydown(...args))),
+                                            onClick: _cache[9] || (_cache[9] = (...args) => ($options.switchToYearView && $options.switchToYearView(...args))),
+                                            onKeydown: _cache[10] || (_cache[10] = (...args) => ($options.onContainerButtonKeydown && $options.onContainerButtonKeydown(...args))),
                                             class: "p-datepicker-year p-link",
                                             disabled: $options.switchViewButtonDisabled,
                                             "aria-label": _ctx.$primevue.config.locale.chooseYear
@@ -2757,17 +2857,17 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                                     ]),
                                     vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", {
                                       class: "p-datepicker-next p-link",
-                                      onClick: _cache[10] || (_cache[10] = (...args) => ($options.onNextButtonClick && $options.onNextButtonClick(...args))),
+                                      onClick: _cache[11] || (_cache[11] = (...args) => ($options.onNextButtonClick && $options.onNextButtonClick(...args))),
                                       type: "button",
-                                      onKeydown: _cache[11] || (_cache[11] = (...args) => ($options.onContainerButtonKeydown && $options.onContainerButtonKeydown(...args))),
+                                      onKeydown: _cache[12] || (_cache[12] = (...args) => ($options.onContainerButtonKeydown && $options.onContainerButtonKeydown(...args))),
                                       disabled: $props.disabled,
-                                      "aria-label":  $data.currentView === 'year' ? _ctx.$primevue.config.locale.nextDecade : $data.currentView === 'month' ? _ctx.$primevue.config.locale.nextYear : _ctx.$primevue.config.locale.nextMonth
+                                      "aria-label": $data.currentView === 'year' ? _ctx.$primevue.config.locale.nextDecade : $data.currentView === 'month' ? _ctx.$primevue.config.locale.nextYear : _ctx.$primevue.config.locale.nextMonth
                                     }, _hoisted_15, 40, _hoisted_13)), [
-                                      [vue.vShow, $props.showOtherMonths ? $props.numberOfMonths === 1 ? true : (groupIndex === $props.numberOfMonths - 1) : false],
+                                      [vue.vShow, $props.showOtherMonths ? ($props.numberOfMonths === 1 ? true : groupIndex === $props.numberOfMonths - 1) : false],
                                       [_directive_ripple]
                                     ])
                                   ]),
-                                  ($data.currentView ==='date')
+                                  ($data.currentView === 'date')
                                     ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_16, [
                                         vue.createElementVNode("table", _hoisted_17, [
                                           vue.createElementVNode("thead", null, [
@@ -2779,8 +2879,8 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                                                 : vue.createCommentVNode("", true),
                                               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($options.weekDays, (weekDay) => {
                                                 return (vue.openBlock(), vue.createElementBlock("th", {
-                                                  scope: "col",
                                                   key: weekDay,
+                                                  scope: "col",
                                                   abbr: weekDay
                                                 }, [
                                                   vue.createElementVNode("span", null, vue.toDisplayString(weekDay), 1)
@@ -2805,15 +2905,15 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                                                   : vue.createCommentVNode("", true),
                                                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(week, (date) => {
                                                   return (vue.openBlock(), vue.createElementBlock("td", {
-                                                    "aria-label": date.day,
                                                     key: date.day + '' + date.month,
-                                                    class: vue.normalizeClass({'p-datepicker-other-month': date.otherMonth, 'p-datepicker-today': date.today})
+                                                    "aria-label": date.day,
+                                                    class: vue.normalizeClass({ 'p-datepicker-other-month': date.otherMonth, 'p-datepicker-today': date.today })
                                                   }, [
                                                     vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
-                                                      class: vue.normalizeClass({'p-highlight': $options.isSelected(date), 'p-disabled': !date.selectable}),
+                                                      class: vue.normalizeClass({ 'p-highlight': $options.isSelected(date), 'p-disabled': !date.selectable }),
                                                       onClick: $event => ($options.onDateSelect($event, date)),
                                                       draggable: "false",
-                                                      onKeydown: $event => ($options.onDateCellKeydown($event,date,groupIndex)),
+                                                      onKeydown: $event => ($options.onDateCellKeydown($event, date, groupIndex)),
                                                       "aria-selected": $options.isSelected(date)
                                                     }, [
                                                       vue.renderSlot(_ctx.$slots, "date", { date: date }, () => [
@@ -2842,8 +2942,8 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                                     return vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
                                       key: m,
                                       onClick: $event => ($options.onMonthSelect($event, i)),
-                                      onKeydown: $event => ($options.onMonthCellKeydown($event,i)),
-                                      class: vue.normalizeClass(["p-monthpicker-month", {'p-highlight': $options.isMonthSelected(i)}])
+                                      onKeydown: $event => ($options.onMonthCellKeydown($event, i)),
+                                      class: vue.normalizeClass(["p-monthpicker-month", { 'p-highlight': $options.isMonthSelected(i) }])
                                     }, [
                                       vue.createTextVNode(vue.toDisplayString(m) + " ", 1),
                                       ($options.isMonthSelected(i))
@@ -2861,8 +2961,8 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                                     return vue.withDirectives((vue.openBlock(), vue.createElementBlock("span", {
                                       key: y,
                                       onClick: $event => ($options.onYearSelect($event, y)),
-                                      onKeydown: $event => ($options.onYearCellKeydown($event,y)),
-                                      class: vue.normalizeClass(["p-yearpicker-year", {'p-highlight': $options.isYearSelected(y)}])
+                                      onKeydown: $event => ($options.onYearCellKeydown($event, y)),
+                                      class: vue.normalizeClass(["p-yearpicker-year", { 'p-highlight': $options.isYearSelected(y) }])
                                     }, [
                                       vue.createTextVNode(vue.toDisplayString(y) + " ", 1),
                                       ($options.isYearSelected(y))
@@ -2876,23 +2976,23 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                               : vue.createCommentVNode("", true)
                           ], 64))
                         : vue.createCommentVNode("", true),
-                      (($props.showTime||$props.timeOnly) && $data.currentView === 'date')
+                      (($props.showTime || $props.timeOnly) && $data.currentView === 'date')
                         ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_32, [
                             vue.createElementVNode("div", _hoisted_33, [
                               vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", {
                                 class: "p-link",
                                 "aria-label": _ctx.$primevue.config.locale.nextHour,
-                                onMousedown: _cache[12] || (_cache[12] = $event => ($options.onTimePickerElementMouseDown($event, 0, 1))),
-                                onMouseup: _cache[13] || (_cache[13] = $event => ($options.onTimePickerElementMouseUp($event))),
+                                onMousedown: _cache[13] || (_cache[13] = $event => ($options.onTimePickerElementMouseDown($event, 0, 1))),
+                                onMouseup: _cache[14] || (_cache[14] = $event => ($options.onTimePickerElementMouseUp($event))),
                                 onKeydown: [
-                                  _cache[14] || (_cache[14] = (...args) => ($options.onContainerButtonKeydown && $options.onContainerButtonKeydown(...args))),
-                                  _cache[16] || (_cache[16] = vue.withKeys($event => ($options.onTimePickerElementMouseDown($event, 0, 1)), ["enter"])),
-                                  _cache[17] || (_cache[17] = vue.withKeys($event => ($options.onTimePickerElementMouseDown($event, 0, 1)), ["space"]))
+                                  _cache[15] || (_cache[15] = (...args) => ($options.onContainerButtonKeydown && $options.onContainerButtonKeydown(...args))),
+                                  _cache[17] || (_cache[17] = vue.withKeys($event => ($options.onTimePickerElementMouseDown($event, 0, 1)), ["enter"])),
+                                  _cache[18] || (_cache[18] = vue.withKeys($event => ($options.onTimePickerElementMouseDown($event, 0, 1)), ["space"]))
                                 ],
-                                onMouseleave: _cache[15] || (_cache[15] = $event => ($options.onTimePickerElementMouseLeave())),
+                                onMouseleave: _cache[16] || (_cache[16] = $event => ($options.onTimePickerElementMouseLeave())),
                                 onKeyup: [
-                                  _cache[18] || (_cache[18] = vue.withKeys($event => ($options.onTimePickerElementMouseUp($event)), ["enter"])),
-                                  _cache[19] || (_cache[19] = vue.withKeys($event => ($options.onTimePickerElementMouseUp($event)), ["space"]))
+                                  _cache[19] || (_cache[19] = vue.withKeys($event => ($options.onTimePickerElementMouseUp($event)), ["enter"])),
+                                  _cache[20] || (_cache[20] = vue.withKeys($event => ($options.onTimePickerElementMouseUp($event)), ["space"]))
                                 ],
                                 type: "button"
                               }, _hoisted_36, 40, _hoisted_34)), [
@@ -2902,17 +3002,17 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                               vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", {
                                 class: "p-link",
                                 "aria-label": _ctx.$primevue.config.locale.prevHour,
-                                onMousedown: _cache[20] || (_cache[20] = $event => ($options.onTimePickerElementMouseDown($event, 0, -1))),
-                                onMouseup: _cache[21] || (_cache[21] = $event => ($options.onTimePickerElementMouseUp($event))),
+                                onMousedown: _cache[21] || (_cache[21] = $event => ($options.onTimePickerElementMouseDown($event, 0, -1))),
+                                onMouseup: _cache[22] || (_cache[22] = $event => ($options.onTimePickerElementMouseUp($event))),
                                 onKeydown: [
-                                  _cache[22] || (_cache[22] = (...args) => ($options.onContainerButtonKeydown && $options.onContainerButtonKeydown(...args))),
-                                  _cache[24] || (_cache[24] = vue.withKeys($event => ($options.onTimePickerElementMouseDown($event, 0, -1)), ["enter"])),
-                                  _cache[25] || (_cache[25] = vue.withKeys($event => ($options.onTimePickerElementMouseDown($event, 0, -1)), ["space"]))
+                                  _cache[23] || (_cache[23] = (...args) => ($options.onContainerButtonKeydown && $options.onContainerButtonKeydown(...args))),
+                                  _cache[25] || (_cache[25] = vue.withKeys($event => ($options.onTimePickerElementMouseDown($event, 0, -1)), ["enter"])),
+                                  _cache[26] || (_cache[26] = vue.withKeys($event => ($options.onTimePickerElementMouseDown($event, 0, -1)), ["space"]))
                                 ],
-                                onMouseleave: _cache[23] || (_cache[23] = $event => ($options.onTimePickerElementMouseLeave())),
+                                onMouseleave: _cache[24] || (_cache[24] = $event => ($options.onTimePickerElementMouseLeave())),
                                 onKeyup: [
-                                  _cache[26] || (_cache[26] = vue.withKeys($event => ($options.onTimePickerElementMouseUp($event)), ["enter"])),
-                                  _cache[27] || (_cache[27] = vue.withKeys($event => ($options.onTimePickerElementMouseUp($event)), ["space"]))
+                                  _cache[27] || (_cache[27] = vue.withKeys($event => ($options.onTimePickerElementMouseUp($event)), ["enter"])),
+                                  _cache[28] || (_cache[28] = vue.withKeys($event => ($options.onTimePickerElementMouseUp($event)), ["space"]))
                                 ],
                                 type: "button"
                               }, _hoisted_39, 40, _hoisted_37)), [
@@ -2926,18 +3026,18 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                               vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", {
                                 class: "p-link",
                                 "aria-label": _ctx.$primevue.config.locale.nextMinute,
-                                onMousedown: _cache[28] || (_cache[28] = $event => ($options.onTimePickerElementMouseDown($event, 1, 1))),
-                                onMouseup: _cache[29] || (_cache[29] = $event => ($options.onTimePickerElementMouseUp($event))),
+                                onMousedown: _cache[29] || (_cache[29] = $event => ($options.onTimePickerElementMouseDown($event, 1, 1))),
+                                onMouseup: _cache[30] || (_cache[30] = $event => ($options.onTimePickerElementMouseUp($event))),
                                 onKeydown: [
-                                  _cache[30] || (_cache[30] = (...args) => ($options.onContainerButtonKeydown && $options.onContainerButtonKeydown(...args))),
-                                  _cache[32] || (_cache[32] = vue.withKeys($event => ($options.onTimePickerElementMouseDown($event, 1, 1)), ["enter"])),
-                                  _cache[33] || (_cache[33] = vue.withKeys($event => ($options.onTimePickerElementMouseDown($event, 1, 1)), ["space"]))
+                                  _cache[31] || (_cache[31] = (...args) => ($options.onContainerButtonKeydown && $options.onContainerButtonKeydown(...args))),
+                                  _cache[33] || (_cache[33] = vue.withKeys($event => ($options.onTimePickerElementMouseDown($event, 1, 1)), ["enter"])),
+                                  _cache[34] || (_cache[34] = vue.withKeys($event => ($options.onTimePickerElementMouseDown($event, 1, 1)), ["space"]))
                                 ],
                                 disabled: $props.disabled,
-                                onMouseleave: _cache[31] || (_cache[31] = $event => ($options.onTimePickerElementMouseLeave())),
+                                onMouseleave: _cache[32] || (_cache[32] = $event => ($options.onTimePickerElementMouseLeave())),
                                 onKeyup: [
-                                  _cache[34] || (_cache[34] = vue.withKeys($event => ($options.onTimePickerElementMouseUp($event)), ["enter"])),
-                                  _cache[35] || (_cache[35] = vue.withKeys($event => ($options.onTimePickerElementMouseUp($event)), ["space"]))
+                                  _cache[35] || (_cache[35] = vue.withKeys($event => ($options.onTimePickerElementMouseUp($event)), ["enter"])),
+                                  _cache[36] || (_cache[36] = vue.withKeys($event => ($options.onTimePickerElementMouseUp($event)), ["space"]))
                                 ],
                                 type: "button"
                               }, _hoisted_44, 40, _hoisted_42)), [
@@ -2947,18 +3047,18 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                               vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", {
                                 class: "p-link",
                                 "aria-label": _ctx.$primevue.config.locale.prevMinute,
-                                onMousedown: _cache[36] || (_cache[36] = $event => ($options.onTimePickerElementMouseDown($event, 1, -1))),
-                                onMouseup: _cache[37] || (_cache[37] = $event => ($options.onTimePickerElementMouseUp($event))),
+                                onMousedown: _cache[37] || (_cache[37] = $event => ($options.onTimePickerElementMouseDown($event, 1, -1))),
+                                onMouseup: _cache[38] || (_cache[38] = $event => ($options.onTimePickerElementMouseUp($event))),
                                 onKeydown: [
-                                  _cache[38] || (_cache[38] = (...args) => ($options.onContainerButtonKeydown && $options.onContainerButtonKeydown(...args))),
-                                  _cache[40] || (_cache[40] = vue.withKeys($event => ($options.onTimePickerElementMouseDown($event, 1, -1)), ["enter"])),
-                                  _cache[41] || (_cache[41] = vue.withKeys($event => ($options.onTimePickerElementMouseDown($event, 1, -1)), ["space"]))
+                                  _cache[39] || (_cache[39] = (...args) => ($options.onContainerButtonKeydown && $options.onContainerButtonKeydown(...args))),
+                                  _cache[41] || (_cache[41] = vue.withKeys($event => ($options.onTimePickerElementMouseDown($event, 1, -1)), ["enter"])),
+                                  _cache[42] || (_cache[42] = vue.withKeys($event => ($options.onTimePickerElementMouseDown($event, 1, -1)), ["space"]))
                                 ],
                                 disabled: $props.disabled,
-                                onMouseleave: _cache[39] || (_cache[39] = $event => ($options.onTimePickerElementMouseLeave())),
+                                onMouseleave: _cache[40] || (_cache[40] = $event => ($options.onTimePickerElementMouseLeave())),
                                 onKeyup: [
-                                  _cache[42] || (_cache[42] = vue.withKeys($event => ($options.onTimePickerElementMouseUp($event)), ["enter"])),
-                                  _cache[43] || (_cache[43] = vue.withKeys($event => ($options.onTimePickerElementMouseUp($event)), ["space"]))
+                                  _cache[43] || (_cache[43] = vue.withKeys($event => ($options.onTimePickerElementMouseUp($event)), ["enter"])),
+                                  _cache[44] || (_cache[44] = vue.withKeys($event => ($options.onTimePickerElementMouseUp($event)), ["space"]))
                                 ],
                                 type: "button"
                               }, _hoisted_47, 40, _hoisted_45)), [
@@ -2975,18 +3075,18 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                                   vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", {
                                     class: "p-link",
                                     "aria-label": _ctx.$primevue.config.locale.nextSecond,
-                                    onMousedown: _cache[44] || (_cache[44] = $event => ($options.onTimePickerElementMouseDown($event, 2, 1))),
-                                    onMouseup: _cache[45] || (_cache[45] = $event => ($options.onTimePickerElementMouseUp($event))),
+                                    onMousedown: _cache[45] || (_cache[45] = $event => ($options.onTimePickerElementMouseDown($event, 2, 1))),
+                                    onMouseup: _cache[46] || (_cache[46] = $event => ($options.onTimePickerElementMouseUp($event))),
                                     onKeydown: [
-                                      _cache[46] || (_cache[46] = (...args) => ($options.onContainerButtonKeydown && $options.onContainerButtonKeydown(...args))),
-                                      _cache[48] || (_cache[48] = vue.withKeys($event => ($options.onTimePickerElementMouseDown($event, 2, 1)), ["enter"])),
-                                      _cache[49] || (_cache[49] = vue.withKeys($event => ($options.onTimePickerElementMouseDown($event, 2, 1)), ["space"]))
+                                      _cache[47] || (_cache[47] = (...args) => ($options.onContainerButtonKeydown && $options.onContainerButtonKeydown(...args))),
+                                      _cache[49] || (_cache[49] = vue.withKeys($event => ($options.onTimePickerElementMouseDown($event, 2, 1)), ["enter"])),
+                                      _cache[50] || (_cache[50] = vue.withKeys($event => ($options.onTimePickerElementMouseDown($event, 2, 1)), ["space"]))
                                     ],
                                     disabled: $props.disabled,
-                                    onMouseleave: _cache[47] || (_cache[47] = $event => ($options.onTimePickerElementMouseLeave())),
+                                    onMouseleave: _cache[48] || (_cache[48] = $event => ($options.onTimePickerElementMouseLeave())),
                                     onKeyup: [
-                                      _cache[50] || (_cache[50] = vue.withKeys($event => ($options.onTimePickerElementMouseUp($event)), ["enter"])),
-                                      _cache[51] || (_cache[51] = vue.withKeys($event => ($options.onTimePickerElementMouseUp($event)), ["space"]))
+                                      _cache[51] || (_cache[51] = vue.withKeys($event => ($options.onTimePickerElementMouseUp($event)), ["enter"])),
+                                      _cache[52] || (_cache[52] = vue.withKeys($event => ($options.onTimePickerElementMouseUp($event)), ["space"]))
                                     ],
                                     type: "button"
                                   }, _hoisted_52, 40, _hoisted_50)), [
@@ -2996,18 +3096,18 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                                   vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", {
                                     class: "p-link",
                                     "aria-label": _ctx.$primevue.config.locale.prevSecond,
-                                    onMousedown: _cache[52] || (_cache[52] = $event => ($options.onTimePickerElementMouseDown($event, 2, -1))),
-                                    onMouseup: _cache[53] || (_cache[53] = $event => ($options.onTimePickerElementMouseUp($event))),
+                                    onMousedown: _cache[53] || (_cache[53] = $event => ($options.onTimePickerElementMouseDown($event, 2, -1))),
+                                    onMouseup: _cache[54] || (_cache[54] = $event => ($options.onTimePickerElementMouseUp($event))),
                                     onKeydown: [
-                                      _cache[54] || (_cache[54] = (...args) => ($options.onContainerButtonKeydown && $options.onContainerButtonKeydown(...args))),
-                                      _cache[56] || (_cache[56] = vue.withKeys($event => ($options.onTimePickerElementMouseDown($event, 2, -1)), ["enter"])),
-                                      _cache[57] || (_cache[57] = vue.withKeys($event => ($options.onTimePickerElementMouseDown($event, 2, -1)), ["space"]))
+                                      _cache[55] || (_cache[55] = (...args) => ($options.onContainerButtonKeydown && $options.onContainerButtonKeydown(...args))),
+                                      _cache[57] || (_cache[57] = vue.withKeys($event => ($options.onTimePickerElementMouseDown($event, 2, -1)), ["enter"])),
+                                      _cache[58] || (_cache[58] = vue.withKeys($event => ($options.onTimePickerElementMouseDown($event, 2, -1)), ["space"]))
                                     ],
                                     disabled: $props.disabled,
-                                    onMouseleave: _cache[55] || (_cache[55] = $event => ($options.onTimePickerElementMouseLeave())),
+                                    onMouseleave: _cache[56] || (_cache[56] = $event => ($options.onTimePickerElementMouseLeave())),
                                     onKeyup: [
-                                      _cache[58] || (_cache[58] = vue.withKeys($event => ($options.onTimePickerElementMouseUp($event)), ["enter"])),
-                                      _cache[59] || (_cache[59] = vue.withKeys($event => ($options.onTimePickerElementMouseUp($event)), ["space"]))
+                                      _cache[59] || (_cache[59] = vue.withKeys($event => ($options.onTimePickerElementMouseUp($event)), ["enter"])),
+                                      _cache[60] || (_cache[60] = vue.withKeys($event => ($options.onTimePickerElementMouseUp($event)), ["space"]))
                                     ],
                                     type: "button"
                                   }, _hoisted_55, 40, _hoisted_53)), [
@@ -3015,27 +3115,27 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                                   ])
                                 ]))
                               : vue.createCommentVNode("", true),
-                            ($props.hourFormat=='12')
+                            ($props.hourFormat == '12')
                               ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_56, [
                                   vue.createElementVNode("span", null, vue.toDisplayString($props.timeSeparator), 1)
                                 ]))
                               : vue.createCommentVNode("", true),
-                            ($props.hourFormat=='12')
+                            ($props.hourFormat == '12')
                               ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_57, [
                                   vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", {
                                     class: "p-link",
                                     "aria-label": _ctx.$primevue.config.locale.am,
-                                    onClick: _cache[60] || (_cache[60] = $event => ($options.toggleAMPM($event))),
+                                    onClick: _cache[61] || (_cache[61] = $event => ($options.toggleAMPM($event))),
                                     type: "button",
                                     disabled: $props.disabled
                                   }, _hoisted_60, 8, _hoisted_58)), [
                                     [_directive_ripple]
                                   ]),
-                                  vue.createElementVNode("span", null, vue.toDisplayString($data.pm ? 'PM' : 'AM'), 1),
+                                  vue.createElementVNode("span", null, vue.toDisplayString($data.pm ? _ctx.$primevue.config.locale.pm : _ctx.$primevue.config.locale.am), 1),
                                   vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", {
                                     class: "p-link",
                                     "aria-label": _ctx.$primevue.config.locale.pm,
-                                    onClick: _cache[61] || (_cache[61] = $event => ($options.toggleAMPM($event))),
+                                    onClick: _cache[62] || (_cache[62] = $event => ($options.toggleAMPM($event))),
                                     type: "button",
                                     disabled: $props.disabled
                                   }, _hoisted_63, 8, _hoisted_61)), [
@@ -3050,14 +3150,14 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
                             vue.createVNode(_component_CalendarButton, {
                               type: "button",
                               label: $options.todayLabel,
-                              onClick: _cache[62] || (_cache[62] = $event => ($options.onTodayButtonClick($event))),
+                              onClick: _cache[63] || (_cache[63] = $event => ($options.onTodayButtonClick($event))),
                               class: "p-button-text",
                               onKeydown: $options.onContainerButtonKeydown
                             }, null, 8, ["label", "onKeydown"]),
                             vue.createVNode(_component_CalendarButton, {
                               type: "button",
                               label: $options.clearLabel,
-                              onClick: _cache[63] || (_cache[63] = $event => ($options.onClearButtonClick($event))),
+                              onClick: _cache[64] || (_cache[64] = $event => ($options.onClearButtonClick($event))),
                               class: "p-button-text",
                               onKeydown: $options.onContainerButtonKeydown
                             }, null, 8, ["label", "onKeydown"])
@@ -3102,11 +3202,11 @@ this.primevue.calendar = (function (utils, OverlayEventBus, Button, Ripple, Port
       }
     }
 
-    var css_248z = "\n.p-calendar {\n    position: relative;\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    max-width: 100%;\n}\n.p-calendar .p-inputtext {\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\n            flex: 1 1 auto;\n    width: 1%;\n}\n.p-calendar-w-btn .p-inputtext {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n}\n.p-calendar-w-btn .p-datepicker-trigger {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n/* Fluid */\n.p-fluid .p-calendar {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n.p-fluid .p-calendar .p-inputtext {\n    width: 1%;\n}\n\n/* Datepicker */\n.p-calendar .p-datepicker {\n    min-width: 100%;\n}\n.p-datepicker {\n\twidth: auto;\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n.p-datepicker-inline {\n    display: inline-block;\n    position: static;\n    overflow-x: auto;\n}\n\n/* Header */\n.p-datepicker-header {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: justify;\n        -ms-flex-pack: justify;\n            justify-content: space-between;\n}\n.p-datepicker-header .p-datepicker-title {\n    margin: 0 auto;\n}\n.p-datepicker-prev,\n.p-datepicker-next {\n    cursor: pointer;\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    overflow: hidden;\n    position: relative;\n}\n\n/* Multiple Month DatePicker */\n.p-datepicker-multiple-month .p-datepicker-group-container {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n.p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\n            flex: 1 1 auto;\n}\n\n/* DatePicker Table */\n.p-datepicker table {\n\twidth: 100%;\n\tborder-collapse: collapse;\n}\n.p-datepicker td > span {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    cursor: pointer;\n    margin: 0 auto;\n    overflow: hidden;\n    position: relative;\n}\n\n/* Month Picker */\n.p-monthpicker-month {\n    width: 33.3%;\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    cursor: pointer;\n    overflow: hidden;\n    position: relative;\n}\n\n/* Year Picker */\n.p-yearpicker-year {\n    width: 50%;\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    cursor: pointer;\n    overflow: hidden;\n    position: relative;\n}\n\n/*  Button Bar */\n.p-datepicker-buttonbar {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: justify;\n        -ms-flex-pack: justify;\n            justify-content: space-between;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n\n/* Time Picker */\n.p-timepicker {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-timepicker button {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    cursor: pointer;\n    overflow: hidden;\n    position: relative;\n}\n.p-timepicker > div {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n}\n\n/* Touch UI */\n.p-datepicker-touch-ui,\n.p-calendar .p-datepicker-touch-ui {\n    position: fixed;\n    top: 50%;\n    left: 50%;\n    min-width: 80vw;\n    -webkit-transform: translate(-50%, -50%);\n            transform: translate(-50%, -50%);\n}\n";
+    var css_248z = "\n.p-calendar {\n    position: relative;\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    max-width: 100%;\n}\n.p-calendar .p-inputtext {\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\n            flex: 1 1 auto;\n    width: 1%;\n}\n.p-calendar-w-btn .p-inputtext {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n}\n.p-calendar-w-btn .p-datepicker-trigger {\n    border-top-left-radius: 0;\n    border-bottom-left-radius: 0;\n}\n\n/* Fluid */\n.p-fluid .p-calendar {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n.p-fluid .p-calendar .p-inputtext {\n    width: 1%;\n}\n\n/* Datepicker */\n.p-calendar .p-datepicker {\n    min-width: 100%;\n}\n.p-datepicker {\n    width: auto;\n    position: absolute;\n    top: 0;\n    left: 0;\n}\n.p-datepicker-inline {\n    display: inline-block;\n    position: static;\n    overflow-x: auto;\n}\n\n/* Header */\n.p-datepicker-header {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: justify;\n        -ms-flex-pack: justify;\n            justify-content: space-between;\n}\n.p-datepicker-header .p-datepicker-title {\n    margin: 0 auto;\n}\n.p-datepicker-prev,\n.p-datepicker-next {\n    cursor: pointer;\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    overflow: hidden;\n    position: relative;\n}\n\n/* Multiple Month DatePicker */\n.p-datepicker-multiple-month .p-datepicker-group-container {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n}\n.p-datepicker-multiple-month .p-datepicker-group-container .p-datepicker-group {\n    -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\n            flex: 1 1 auto;\n}\n\n/* DatePicker Table */\n.p-datepicker table {\n    width: 100%;\n    border-collapse: collapse;\n}\n.p-datepicker td > span {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    cursor: pointer;\n    margin: 0 auto;\n    overflow: hidden;\n    position: relative;\n}\n\n/* Month Picker */\n.p-monthpicker-month {\n    width: 33.3%;\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    cursor: pointer;\n    overflow: hidden;\n    position: relative;\n}\n\n/* Year Picker */\n.p-yearpicker-year {\n    width: 50%;\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    cursor: pointer;\n    overflow: hidden;\n    position: relative;\n}\n\n/*  Button Bar */\n.p-datepicker-buttonbar {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: justify;\n        -ms-flex-pack: justify;\n            justify-content: space-between;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n\n/* Time Picker */\n.p-timepicker {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n}\n.p-timepicker button {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-pack: center;\n        -ms-flex-pack: center;\n            justify-content: center;\n    cursor: pointer;\n    overflow: hidden;\n    position: relative;\n}\n.p-timepicker > div {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n            flex-direction: column;\n}\n\n/* Touch UI */\n.p-datepicker-touch-ui,\n.p-calendar .p-datepicker-touch-ui {\n    position: fixed;\n    top: 50%;\n    left: 50%;\n    min-width: 80vw;\n    -webkit-transform: translate(-50%, -50%);\n            transform: translate(-50%, -50%);\n}\n";
     styleInject(css_248z);
 
     script.render = render;
 
     return script;
 
-})(primevue.utils, primevue.overlayeventbus, primevue.button, primevue.ripple, primevue.portal, Vue);
+})(primevue.button, primevue.overlayeventbus, primevue.portal, primevue.ripple, primevue.utils, Vue);