primevue 3.17.0 → 3.18.0

package/calendar/calendar.esm.js

@@ -1,8 +1,8 @@
-import { DomHandler, ZIndexUtils, ConnectedOverlayScrollHandler, UniqueComponentId } from 'primevue/utils';
-import OverlayEventBus from 'primevue/overlayeventbus';
 import Button from 'primevue/button';
-import Ripple from 'primevue/ripple';
+import OverlayEventBus from 'primevue/overlayeventbus';
 import Portal from 'primevue/portal';
+import Ripple from 'primevue/ripple';
+import { DomHandler, ZIndexUtils, ConnectedOverlayScrollHandler, UniqueComponentId } from 'primevue/utils';
 import { resolveComponent, resolveDirective, openBlock, createElementBlock, normalizeClass, mergeProps, createCommentVNode, createBlock, createVNode, withCtx, Transition, Fragment, createElementVNode, renderList, renderSlot, withDirectives, vShow, toDisplayString, createTextVNode, withKeys } from 'vue';
 
 var script = {
@@ -1037,7 +1037,7 @@ var script = {
             }
 
             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;
@@ -1448,7 +1448,8 @@ var script = {
                 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);
@@ -1672,21 +1673,33 @@ var script = {
             const cellContent = event.currentTarget;
             const cell = cellContent.parentElement;
 
+            const cellIndex = DomHandler.index(cell);
+
             switch (event.code) {
                 case 'ArrowDown': {
                     cellContent.tabIndex = '-1';
-                    let cellIndex = DomHandler.index(cell);
+
                     let nextRow = cell.parentElement.nextElementSibling;
 
                     if (nextRow) {
-                        let focusCell = nextRow.children[cellIndex].children[0];
+                        let tableRowIndex = 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 !DomHandler.hasClass(focusCell, 'p-disabled');
+                        });
+
+                        if (hasNextFocusableDate) {
+                            let focusCell = hasNextFocusableDate.children[cellIndex].children[0];
 
-                        if (DomHandler.hasClass(focusCell, 'p-disabled')) {
+                            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 };
@@ -1699,18 +1712,27 @@ var script = {
 
                 case 'ArrowUp': {
                     cellContent.tabIndex = '-1';
-                    let cellIndex = DomHandler.index(cell);
                     let prevRow = cell.parentElement.previousElementSibling;
 
                     if (prevRow) {
-                        let focusCell = prevRow.children[cellIndex].children[0];
+                        let tableRowIndex = 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 !DomHandler.hasClass(focusCell, 'p-disabled');
+                        });
+
+                        if (hasNextFocusableDate) {
+                            let focusCell = hasNextFocusableDate.children[cellIndex].children[0];
 
-                        if (DomHandler.hasClass(focusCell, 'p-disabled')) {
-                            this.navigationState = { backward: true };
-                            this.navBackward(event);
-                        } else {
                             focusCell.tabIndex = '0';
                             focusCell.focus();
+                        } else {
+                            this.navigationState = { backward: true };
+                            this.navBackward(event);
                         }
                     } else {
                         this.navigationState = { backward: true };
@@ -1726,13 +1748,22 @@ var script = {
                     let prevCell = cell.previousElementSibling;
 
                     if (prevCell) {
-                        let focusCell = prevCell.children[0];
+                        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 !DomHandler.hasClass(focusCell, 'p-disabled');
+                        });
+
+                        if (hasNextFocusableDate) {
+                            let focusCell = hasNextFocusableDate.children[0];
 
-                        if (DomHandler.hasClass(focusCell, 'p-disabled')) {
-                            this.navigateToMonth(event, true, groupIndex);
-                        } else {
                             focusCell.tabIndex = '0';
                             focusCell.focus();
+                        } else {
+                            this.navigateToMonth(event, true, groupIndex);
                         }
                     } else {
                         this.navigateToMonth(event, true, groupIndex);
@@ -1747,13 +1778,21 @@ var script = {
                     let nextCell = cell.nextElementSibling;
 
                     if (nextCell) {
-                        let focusCell = nextCell.children[0];
+                        const cells = Array.from(cell.parentElement.children);
+                        const nextCells = cells.slice(cellIndex + 1);
+                        let hasNextFocusableDate = nextCells.find((el) => {
+                            let focusCell = el.children[0];
+
+                            return !DomHandler.hasClass(focusCell, 'p-disabled');
+                        });
+
+                        if (hasNextFocusableDate) {
+                            let focusCell = hasNextFocusableDate.children[0];
 
-                        if (DomHandler.hasClass(focusCell, 'p-disabled')) {
-                            this.navigateToMonth(event, false, groupIndex);
-                        } else {
                             focusCell.tabIndex = '0';
                             focusCell.focus();
+                        } else {
+                            this.navigateToMonth(event, false, groupIndex);
                         }
                     } else {
                         this.navigateToMonth(event, false, groupIndex);
@@ -2188,6 +2227,11 @@ var script = {
 
             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;
@@ -2708,9 +2752,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           readonly: !$props.manualInput,
           tabindex: 0,
           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)))
+          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))
       : createCommentVNode("", true),
     ($props.showIcon)
@@ -2734,7 +2779,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       default: withCtx(() => [
         createVNode(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
@@ -2750,9 +2795,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                   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)
                     ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
@@ -2766,9 +2811,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                 renderSlot(_ctx.$slots, "header"),
                                 withDirectives((openBlock(), 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
                                 }, _hoisted_8, 40, _hoisted_6)), [
@@ -2780,8 +2825,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                     ? (openBlock(), 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
@@ -2791,8 +2836,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                     ? (openBlock(), 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
@@ -2808,9 +2853,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                 ]),
                                 withDirectives((openBlock(), 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
                                 }, _hoisted_15, 40, _hoisted_13)), [
@@ -2933,17 +2978,17 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                           withDirectives((openBlock(), 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] = withKeys($event => ($options.onTimePickerElementMouseDown($event, 0, 1)), ["enter"])),
-                              _cache[17] || (_cache[17] = withKeys($event => ($options.onTimePickerElementMouseDown($event, 0, 1)), ["space"]))
+                              _cache[15] || (_cache[15] = (...args) => ($options.onContainerButtonKeydown && $options.onContainerButtonKeydown(...args))),
+                              _cache[17] || (_cache[17] = withKeys($event => ($options.onTimePickerElementMouseDown($event, 0, 1)), ["enter"])),
+                              _cache[18] || (_cache[18] = 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] = withKeys($event => ($options.onTimePickerElementMouseUp($event)), ["enter"])),
-                              _cache[19] || (_cache[19] = withKeys($event => ($options.onTimePickerElementMouseUp($event)), ["space"]))
+                              _cache[19] || (_cache[19] = withKeys($event => ($options.onTimePickerElementMouseUp($event)), ["enter"])),
+                              _cache[20] || (_cache[20] = withKeys($event => ($options.onTimePickerElementMouseUp($event)), ["space"]))
                             ],
                             type: "button"
                           }, _hoisted_36, 40, _hoisted_34)), [
@@ -2953,17 +2998,17 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                           withDirectives((openBlock(), 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] = withKeys($event => ($options.onTimePickerElementMouseDown($event, 0, -1)), ["enter"])),
-                              _cache[25] || (_cache[25] = withKeys($event => ($options.onTimePickerElementMouseDown($event, 0, -1)), ["space"]))
+                              _cache[23] || (_cache[23] = (...args) => ($options.onContainerButtonKeydown && $options.onContainerButtonKeydown(...args))),
+                              _cache[25] || (_cache[25] = withKeys($event => ($options.onTimePickerElementMouseDown($event, 0, -1)), ["enter"])),
+                              _cache[26] || (_cache[26] = 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] = withKeys($event => ($options.onTimePickerElementMouseUp($event)), ["enter"])),
-                              _cache[27] || (_cache[27] = withKeys($event => ($options.onTimePickerElementMouseUp($event)), ["space"]))
+                              _cache[27] || (_cache[27] = withKeys($event => ($options.onTimePickerElementMouseUp($event)), ["enter"])),
+                              _cache[28] || (_cache[28] = withKeys($event => ($options.onTimePickerElementMouseUp($event)), ["space"]))
                             ],
                             type: "button"
                           }, _hoisted_39, 40, _hoisted_37)), [
@@ -2977,18 +3022,18 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                           withDirectives((openBlock(), 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] = withKeys($event => ($options.onTimePickerElementMouseDown($event, 1, 1)), ["enter"])),
-                              _cache[33] || (_cache[33] = withKeys($event => ($options.onTimePickerElementMouseDown($event, 1, 1)), ["space"]))
+                              _cache[31] || (_cache[31] = (...args) => ($options.onContainerButtonKeydown && $options.onContainerButtonKeydown(...args))),
+                              _cache[33] || (_cache[33] = withKeys($event => ($options.onTimePickerElementMouseDown($event, 1, 1)), ["enter"])),
+                              _cache[34] || (_cache[34] = 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] = withKeys($event => ($options.onTimePickerElementMouseUp($event)), ["enter"])),
-                              _cache[35] || (_cache[35] = withKeys($event => ($options.onTimePickerElementMouseUp($event)), ["space"]))
+                              _cache[35] || (_cache[35] = withKeys($event => ($options.onTimePickerElementMouseUp($event)), ["enter"])),
+                              _cache[36] || (_cache[36] = withKeys($event => ($options.onTimePickerElementMouseUp($event)), ["space"]))
                             ],
                             type: "button"
                           }, _hoisted_44, 40, _hoisted_42)), [
@@ -2998,18 +3043,18 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                           withDirectives((openBlock(), 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] = withKeys($event => ($options.onTimePickerElementMouseDown($event, 1, -1)), ["enter"])),
-                              _cache[41] || (_cache[41] = withKeys($event => ($options.onTimePickerElementMouseDown($event, 1, -1)), ["space"]))
+                              _cache[39] || (_cache[39] = (...args) => ($options.onContainerButtonKeydown && $options.onContainerButtonKeydown(...args))),
+                              _cache[41] || (_cache[41] = withKeys($event => ($options.onTimePickerElementMouseDown($event, 1, -1)), ["enter"])),
+                              _cache[42] || (_cache[42] = 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] = withKeys($event => ($options.onTimePickerElementMouseUp($event)), ["enter"])),
-                              _cache[43] || (_cache[43] = withKeys($event => ($options.onTimePickerElementMouseUp($event)), ["space"]))
+                              _cache[43] || (_cache[43] = withKeys($event => ($options.onTimePickerElementMouseUp($event)), ["enter"])),
+                              _cache[44] || (_cache[44] = withKeys($event => ($options.onTimePickerElementMouseUp($event)), ["space"]))
                             ],
                             type: "button"
                           }, _hoisted_47, 40, _hoisted_45)), [
@@ -3026,18 +3071,18 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                               withDirectives((openBlock(), 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] = withKeys($event => ($options.onTimePickerElementMouseDown($event, 2, 1)), ["enter"])),
-                                  _cache[49] || (_cache[49] = withKeys($event => ($options.onTimePickerElementMouseDown($event, 2, 1)), ["space"]))
+                                  _cache[47] || (_cache[47] = (...args) => ($options.onContainerButtonKeydown && $options.onContainerButtonKeydown(...args))),
+                                  _cache[49] || (_cache[49] = withKeys($event => ($options.onTimePickerElementMouseDown($event, 2, 1)), ["enter"])),
+                                  _cache[50] || (_cache[50] = 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] = withKeys($event => ($options.onTimePickerElementMouseUp($event)), ["enter"])),
-                                  _cache[51] || (_cache[51] = withKeys($event => ($options.onTimePickerElementMouseUp($event)), ["space"]))
+                                  _cache[51] || (_cache[51] = withKeys($event => ($options.onTimePickerElementMouseUp($event)), ["enter"])),
+                                  _cache[52] || (_cache[52] = withKeys($event => ($options.onTimePickerElementMouseUp($event)), ["space"]))
                                 ],
                                 type: "button"
                               }, _hoisted_52, 40, _hoisted_50)), [
@@ -3047,18 +3092,18 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                               withDirectives((openBlock(), 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] = withKeys($event => ($options.onTimePickerElementMouseDown($event, 2, -1)), ["enter"])),
-                                  _cache[57] || (_cache[57] = withKeys($event => ($options.onTimePickerElementMouseDown($event, 2, -1)), ["space"]))
+                                  _cache[55] || (_cache[55] = (...args) => ($options.onContainerButtonKeydown && $options.onContainerButtonKeydown(...args))),
+                                  _cache[57] || (_cache[57] = withKeys($event => ($options.onTimePickerElementMouseDown($event, 2, -1)), ["enter"])),
+                                  _cache[58] || (_cache[58] = 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] = withKeys($event => ($options.onTimePickerElementMouseUp($event)), ["enter"])),
-                                  _cache[59] || (_cache[59] = withKeys($event => ($options.onTimePickerElementMouseUp($event)), ["space"]))
+                                  _cache[59] || (_cache[59] = withKeys($event => ($options.onTimePickerElementMouseUp($event)), ["enter"])),
+                                  _cache[60] || (_cache[60] = withKeys($event => ($options.onTimePickerElementMouseUp($event)), ["space"]))
                                 ],
                                 type: "button"
                               }, _hoisted_55, 40, _hoisted_53)), [
@@ -3076,17 +3121,17 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                               withDirectives((openBlock(), 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]
                               ]),
-                              createElementVNode("span", null, toDisplayString($data.pm ? 'PM' : 'AM'), 1),
+                              createElementVNode("span", null, toDisplayString($data.pm ? _ctx.$primevue.config.locale.pm : _ctx.$primevue.config.locale.am), 1),
                               withDirectives((openBlock(), 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)), [
@@ -3101,14 +3146,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                         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"]),
                         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"])