primevue 3.9.1 → 3.12.0

package/calendar/calendar.cjs.js

@@ -2,7 +2,6 @@
 
 var utils = require('primevue/utils');
 var OverlayEventBus = require('primevue/overlayeventbus');
-var InputText = require('primevue/inputtext');
 var Button = require('primevue/button');
 var Ripple = require('primevue/ripple');
 var vue = require('vue');
@@ -10,14 +9,13 @@ var vue = require('vue');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var OverlayEventBus__default = /*#__PURE__*/_interopDefaultLegacy(OverlayEventBus);
-var InputText__default = /*#__PURE__*/_interopDefaultLegacy(InputText);
 var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
 var Ripple__default = /*#__PURE__*/_interopDefaultLegacy(Ripple);
 
 var script = {
     name: 'Calendar',
     inheritAttrs: false,
-    emits: ['show', 'hide', 'month-change', 'year-change', 'date-select', 'update:modelValue', 'today-click', 'clear-click'],
+    emits: ['show', 'hide', 'input', 'month-change', 'year-change', 'date-select', 'update:modelValue', 'today-click', 'clear-click', 'focus', 'blur'],
     props: {
         modelValue: null,
         selectionMode: {
@@ -165,10 +163,6 @@ var script = {
             type: String,
             default: 'body'
         },
-        keepInvalid: {
-            type: Boolean,
-            default: false
-        },
         inputClass: null,
         inputStyle: null,
         class: null,
@@ -181,8 +175,11 @@ var script = {
     maskClickListener: null,
     resizeListener: null,
     overlay: null,
+    input: null,
     mask: null,
     timePickerTimer: null,
+    preventFocus: false,
+    typeUpdate: false,
     created() {
         this.updateCurrentMetaData();
     },
@@ -200,15 +197,19 @@ var script = {
                 }
             }
         }
+        else {
+            this.input.value = this.formatValue(this.modelValue);
+        }
     },
     updated() {
         if (this.overlay) {
+            this.preventFocus = true;
             this.updateFocus();
         }
 
-        if (this.$refs.input && this.selectionStart != null && this.selectionEnd != null) {
-            this.$refs.input.$el.selectionStart = this.selectionStart;
-            this.$refs.input.$el.selectionEnd = this.selectionEnd;
+        if (this.input && this.selectionStart != null && this.selectionEnd != null) {
+            this.input.selectionStart = this.selectionStart;
+            this.input.selectionEnd = this.selectionEnd;
             this.selectionStart = null;
             this.selectionEnd = null;
         }
@@ -219,7 +220,7 @@ var script = {
         }
 
         if (this.mask) {
-           this.destroyMask();
+            this.destroyMask();
         }
         this.destroyResponsiveStyleElement();
 
@@ -250,15 +251,21 @@ var script = {
         }
     },
     watch: {
-        modelValue() {
+        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) {
-                setTimeout(this.updateFocus, 0);
+                if (!this.focused) {
+                    setTimeout(this.updateFocus, 0);
+                }
             }
         },
         numberOfMonths() {
@@ -307,10 +314,22 @@ var script = {
             return false;
         },
         isMonthSelected(month) {
-            return this.isComparable() ? (this.modelValue.getMonth() === month && this.modelValue.getFullYear() === this.currentYear) : false;
+            if (this.isComparable()) {
+                let value = this.isRangeSelection() ? this.modelValue[0] : this.modelValue;
+
+                return !this.isMultipleSelection() ? (value.getMonth() === month && value.getFullYear() === this.currentYear) : false;
+            }
+
+            return false;
         },
         isYearSelected(year) {
-            return this.isComparable() ? (this.modelValue.getFullYear() === year) : false;
+            if (this.isComparable()) {
+                let value = this.isRangeSelection() ? this.modelValue[0] : this.modelValue;
+
+                return !this.isMultipleSelection() && this.isComparable() ? (value.getFullYear() === year) : false;
+            }
+
+            return false;
         },
         isDateEquals(value, dateMeta) {
             if (value)
@@ -654,7 +673,7 @@ var script = {
         onButtonClick() {
             if (this.isEnabled()) {
                 if (!this.overlayVisible) {
-                    this.$refs.input.$el.focus();
+                    this.input.focus();
                     this.overlayVisible = true;
                 }
                 else {
@@ -1083,9 +1102,9 @@ var script = {
                         return false;
                     }
                     if (this.maxDate.getMinutes() === minute) {
-                      if (this.maxDate.getSeconds() < second) {
-                          return false;
-                      }
+                        if (this.maxDate.getSeconds() < second) {
+                            return false;
+                        }
                     }
                 }
             }
@@ -1940,9 +1959,11 @@ var script = {
             if (cell) {
                 cell.tabIndex = '0';
 
-                if ((!this.navigationState || !this.navigationState.button) && !this.timePickerChange) {
+                if (!this.preventFocus && (!this.navigationState || !this.navigationState.button) && !this.timePickerChange) {
                     cell.focus();
                 }
+
+                this.preventFocus = false;
             }
         },
         trapFocus(event) {
@@ -1972,7 +1993,7 @@ var script = {
             }
         },
         onContainerButtonKeydown(event) {
-             switch (event.which) {
+            switch (event.which) {
                 //tab
                 case 9:
                     this.trapFocus(event);
@@ -1983,32 +2004,37 @@ var script = {
                     this.overlayVisible = false;
                     event.preventDefault();
                 break;
-             }
+            }
         },
         onInput(event) {
             try {
-                this.selectionStart = this.$refs.input.$el.selectionStart;
-                this.selectionEnd = this.$refs.input.$el.selectionEnd;
+                this.selectionStart = this.input.selectionStart;
+                this.selectionEnd = this.input.selectionEnd;
 
                 let value = this.parseValue(event.target.value);
                 if (this.isValidSelection(value)) {
+                    this.typeUpdate = true;
                     this.updateModel(value);
                 }
             }
             catch(err) {
-                if (this.keepInvalid) {
-                    this.updateModel(event.target.value);
-                }
+                /* NoOp */
             }
+
+            this.$emit('input', event);
         },
-        onFocus() {
+        onFocus(event) {
             if (this.showOnFocus && this.isEnabled()) {
                 this.overlayVisible = true;
             }
             this.focused = true;
+            this.$emit('focus', event);
         },
-        onBlur() {
+        onBlur(event) {
             this.focused = false;
+            this.input.value = this.formatValue(this.modelValue);
+
+            this.$emit('blur', event);
         },
         onKeyDown() {
             if (event.keyCode === 40 && this.overlay) {
@@ -2033,12 +2059,18 @@ var script = {
         overlayRef(el) {
             this.overlay = el;
         },
+        inputRef(el) {
+            this.input = el;
+        },
         getMonthName(index) {
             return this.$primevue.config.locale.monthNames[index];
         },
+        getYear(month) {
+            return this.currentView === 'month' ? this.currentYear : month.year;
+        },
         onOverlayClick(event) {
             if (!this.inline) {
-                OverlayEventBus__default['default'].emit('overlay-click', {
+                OverlayEventBus__default["default"].emit('overlay-click', {
                     originalEvent: event,
                     target: this.$el
                 });
@@ -2309,11 +2341,10 @@ var script = {
         }
     },
     components: {
-        'CalendarInputText': InputText__default['default'],
-        'CalendarButton': Button__default['default']
+        'CalendarButton': Button__default["default"]
     },
     directives: {
-        'ripple': Ripple__default['default']
+        'ripple': Ripple__default["default"]
     }
 };
 
@@ -2390,7 +2421,6 @@ const _hoisted_31 = {
 };
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_CalendarInputText = vue.resolveComponent("CalendarInputText");
   const _component_CalendarButton = vue.resolveComponent("CalendarButton");
   const _directive_ripple = vue.resolveDirective("ripple");
 
@@ -2400,21 +2430,20 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     style: $props.style
   }, [
     (!$props.inline)
-      ? (vue.openBlock(), vue.createBlock(_component_CalendarInputText, vue.mergeProps({
+      ? (vue.openBlock(), vue.createBlock("input", vue.mergeProps({
           key: 0,
-          ref: "input",
-          type: "text"
+          ref: $options.inputRef,
+          type: "text",
+          class: ['p-inputtext p-component', $props.inputClass],
+          style: $props.inputStyle,
+          onInput: _cache[1] || (_cache[1] = (...args) => ($options.onInput && $options.onInput(...args)))
         }, _ctx.$attrs, {
-          value: $options.inputFieldValue,
-          onInput: $options.onInput,
-          onFocus: $options.onFocus,
-          onBlur: $options.onBlur,
-          onKeydown: $options.onKeyDown,
+          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))),
           readonly: !$props.manualInput,
-          inputmode: "none",
-          class: $props.inputClass,
-          style: $props.inputStyle
-        }), null, 16, ["value", "onInput", "onFocus", "onBlur", "onKeydown", "readonly", "class", "style"]))
+          inputmode: "none"
+        }), null, 16, ["readonly"]))
       : vue.createCommentVNode("", true),
     ($props.showIcon)
       ? (vue.openBlock(), vue.createBlock(_component_CalendarButton, {
@@ -2434,7 +2463,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     }, [
       vue.createVNode(vue.Transition, {
         name: "p-connected-overlay",
-        onEnter: _cache[61] || (_cache[61] = $event => ($options.onOverlayEnter($event))),
+        onEnter: _cache[67] || (_cache[67] = $event => ($options.onOverlayEnter($event))),
         onAfterEnter: $options.onOverlayEnterComplete,
         onAfterLeave: $options.onOverlayAfterLeave,
         onLeave: $options.onOverlayLeave
@@ -2446,8 +2475,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 ref: $options.overlayRef,
                 class: $options.panelStyleClass,
                 role: $props.inline ? null : 'dialog',
-                onClick: _cache[59] || (_cache[59] = (...args) => ($options.onOverlayClick && $options.onOverlayClick(...args))),
-                onMouseup: _cache[60] || (_cache[60] = (...args) => ($options.onOverlayMouseUp && $options.onOverlayMouseUp(...args)))
+                onClick: _cache[65] || (_cache[65] = (...args) => ($options.onOverlayClick && $options.onOverlayClick(...args))),
+                onMouseup: _cache[66] || (_cache[66] = (...args) => ($options.onOverlayMouseUp && $options.onOverlayMouseUp(...args)))
               }, [
                 (!$props.timeOnly)
                   ? (vue.openBlock(), vue.createBlock(vue.Fragment, { key: 0 }, [
@@ -2461,9 +2490,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                               vue.renderSlot(_ctx.$slots, "header"),
                               vue.withDirectives(vue.createVNode("button", {
                                 class: "p-datepicker-prev p-link",
-                                onClick: _cache[1] || (_cache[1] = (...args) => ($options.onPrevButtonClick && $options.onPrevButtonClick(...args))),
+                                onClick: _cache[5] || (_cache[5] = (...args) => ($options.onPrevButtonClick && $options.onPrevButtonClick(...args))),
                                 type: "button",
-                                onKeydown: _cache[2] || (_cache[2] = (...args) => ($options.onContainerButtonKeydown && $options.onContainerButtonKeydown(...args))),
+                                onKeydown: _cache[6] || (_cache[6] = (...args) => ($options.onContainerButtonKeydown && $options.onContainerButtonKeydown(...args))),
                                 disabled: _ctx.$attrs.disabled
                               }, [
                                 _hoisted_3
@@ -2476,19 +2505,21 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                                   ? (vue.openBlock(), vue.createBlock("button", {
                                       key: 0,
                                       type: "button",
-                                      onClick: _cache[3] || (_cache[3] = (...args) => ($options.switchToMonthView && $options.switchToMonthView(...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
-                                    }, vue.toDisplayString($options.getMonthName(month.month)), 9, ["disabled"]))
+                                    }, vue.toDisplayString($options.getMonthName(month.month)), 41, ["disabled"]))
                                   : vue.createCommentVNode("", true),
                                 ($data.currentView !== 'year')
                                   ? (vue.openBlock(), vue.createBlock("button", {
                                       key: 1,
                                       type: "button",
-                                      onClick: _cache[4] || (_cache[4] = (...args) => ($options.switchToYearView && $options.switchToYearView(...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
-                                    }, vue.toDisplayString($data.currentYear), 9, ["disabled"]))
+                                    }, vue.toDisplayString($options.getYear(month)), 41, ["disabled"]))
                                   : vue.createCommentVNode("", true),
                                 ($data.currentView === 'year')
                                   ? (vue.openBlock(), vue.createBlock("span", _hoisted_5, [
@@ -2500,9 +2531,9 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                               ]),
                               vue.withDirectives(vue.createVNode("button", {
                                 class: "p-datepicker-next p-link",
-                                onClick: _cache[5] || (_cache[5] = (...args) => ($options.onNextButtonClick && $options.onNextButtonClick(...args))),
+                                onClick: _cache[11] || (_cache[11] = (...args) => ($options.onNextButtonClick && $options.onNextButtonClick(...args))),
                                 type: "button",
-                                onKeydown: _cache[6] || (_cache[6] = (...args) => ($options.onContainerButtonKeydown && $options.onContainerButtonKeydown(...args))),
+                                onKeydown: _cache[12] || (_cache[12] = (...args) => ($options.onContainerButtonKeydown && $options.onContainerButtonKeydown(...args))),
                                 disabled: _ctx.$attrs.disabled
                               }, [
                                 _hoisted_6
@@ -2608,22 +2639,22 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                         : vue.createCommentVNode("", true)
                     ], 64))
                   : vue.createCommentVNode("", true),
-                ($props.showTime||$props.timeOnly)
+                (($props.showTime||$props.timeOnly) && $data.currentView === 'date')
                   ? (vue.openBlock(), vue.createBlock("div", _hoisted_15, [
                       vue.createVNode("div", _hoisted_16, [
                         vue.withDirectives(vue.createVNode("button", {
                           class: "p-link",
-                          onMousedown: _cache[7] || (_cache[7] = $event => ($options.onTimePickerElementMouseDown($event, 0, 1))),
-                          onMouseup: _cache[8] || (_cache[8] = $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[9] || (_cache[9] = (...args) => ($options.onContainerButtonKeydown && $options.onContainerButtonKeydown(...args))),
-                            _cache[11] || (_cache[11] = vue.withKeys($event => ($options.onTimePickerElementMouseDown($event, 0, 1)), ["enter"])),
-                            _cache[12] || (_cache[12] = 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[10] || (_cache[10] = $event => ($options.onTimePickerElementMouseLeave())),
+                          onMouseleave: _cache[16] || (_cache[16] = $event => ($options.onTimePickerElementMouseLeave())),
                           onKeyup: [
-                            _cache[13] || (_cache[13] = vue.withKeys($event => ($options.onTimePickerElementMouseUp($event)), ["enter"])),
-                            _cache[14] || (_cache[14] = 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"
                         }, [
@@ -2634,17 +2665,17 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                         vue.createVNode("span", null, vue.toDisplayString($options.formattedCurrentHour), 1),
                         vue.withDirectives(vue.createVNode("button", {
                           class: "p-link",
-                          onMousedown: _cache[15] || (_cache[15] = $event => ($options.onTimePickerElementMouseDown($event, 0, -1))),
-                          onMouseup: _cache[16] || (_cache[16] = $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[17] || (_cache[17] = (...args) => ($options.onContainerButtonKeydown && $options.onContainerButtonKeydown(...args))),
-                            _cache[19] || (_cache[19] = vue.withKeys($event => ($options.onTimePickerElementMouseDown($event, 0, -1)), ["enter"])),
-                            _cache[20] || (_cache[20] = 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[18] || (_cache[18] = $event => ($options.onTimePickerElementMouseLeave())),
+                          onMouseleave: _cache[24] || (_cache[24] = $event => ($options.onTimePickerElementMouseLeave())),
                           onKeyup: [
-                            _cache[21] || (_cache[21] = vue.withKeys($event => ($options.onTimePickerElementMouseUp($event)), ["enter"])),
-                            _cache[22] || (_cache[22] = 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"
                         }, [
@@ -2659,18 +2690,18 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                       vue.createVNode("div", _hoisted_20, [
                         vue.withDirectives(vue.createVNode("button", {
                           class: "p-link",
-                          onMousedown: _cache[23] || (_cache[23] = $event => ($options.onTimePickerElementMouseDown($event, 1, 1))),
-                          onMouseup: _cache[24] || (_cache[24] = $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[25] || (_cache[25] = (...args) => ($options.onContainerButtonKeydown && $options.onContainerButtonKeydown(...args))),
-                            _cache[27] || (_cache[27] = vue.withKeys($event => ($options.onTimePickerElementMouseDown($event, 1, 1)), ["enter"])),
-                            _cache[28] || (_cache[28] = 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: _ctx.$attrs.disabled,
-                          onMouseleave: _cache[26] || (_cache[26] = $event => ($options.onTimePickerElementMouseLeave())),
+                          onMouseleave: _cache[32] || (_cache[32] = $event => ($options.onTimePickerElementMouseLeave())),
                           onKeyup: [
-                            _cache[29] || (_cache[29] = vue.withKeys($event => ($options.onTimePickerElementMouseUp($event)), ["enter"])),
-                            _cache[30] || (_cache[30] = 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"
                         }, [
@@ -2681,18 +2712,18 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                         vue.createVNode("span", null, vue.toDisplayString($options.formattedCurrentMinute), 1),
                         vue.withDirectives(vue.createVNode("button", {
                           class: "p-link",
-                          onMousedown: _cache[31] || (_cache[31] = $event => ($options.onTimePickerElementMouseDown($event, 1, -1))),
-                          onMouseup: _cache[32] || (_cache[32] = $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[33] || (_cache[33] = (...args) => ($options.onContainerButtonKeydown && $options.onContainerButtonKeydown(...args))),
-                            _cache[35] || (_cache[35] = vue.withKeys($event => ($options.onTimePickerElementMouseDown($event, 1, -1)), ["enter"])),
-                            _cache[36] || (_cache[36] = 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: _ctx.$attrs.disabled,
-                          onMouseleave: _cache[34] || (_cache[34] = $event => ($options.onTimePickerElementMouseLeave())),
+                          onMouseleave: _cache[40] || (_cache[40] = $event => ($options.onTimePickerElementMouseLeave())),
                           onKeyup: [
-                            _cache[37] || (_cache[37] = vue.withKeys($event => ($options.onTimePickerElementMouseUp($event)), ["enter"])),
-                            _cache[38] || (_cache[38] = 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"
                         }, [
@@ -2710,18 +2741,18 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                         ? (vue.openBlock(), vue.createBlock("div", _hoisted_24, [
                             vue.withDirectives(vue.createVNode("button", {
                               class: "p-link",
-                              onMousedown: _cache[39] || (_cache[39] = $event => ($options.onTimePickerElementMouseDown($event, 2, 1))),
-                              onMouseup: _cache[40] || (_cache[40] = $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[41] || (_cache[41] = (...args) => ($options.onContainerButtonKeydown && $options.onContainerButtonKeydown(...args))),
-                                _cache[43] || (_cache[43] = vue.withKeys($event => ($options.onTimePickerElementMouseDown($event, 2, 1)), ["enter"])),
-                                _cache[44] || (_cache[44] = 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: _ctx.$attrs.disabled,
-                              onMouseleave: _cache[42] || (_cache[42] = $event => ($options.onTimePickerElementMouseLeave())),
+                              onMouseleave: _cache[48] || (_cache[48] = $event => ($options.onTimePickerElementMouseLeave())),
                               onKeyup: [
-                                _cache[45] || (_cache[45] = vue.withKeys($event => ($options.onTimePickerElementMouseUp($event)), ["enter"])),
-                                _cache[46] || (_cache[46] = 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"
                             }, [
@@ -2732,18 +2763,18 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                             vue.createVNode("span", null, vue.toDisplayString($options.formattedCurrentSecond), 1),
                             vue.withDirectives(vue.createVNode("button", {
                               class: "p-link",
-                              onMousedown: _cache[47] || (_cache[47] = $event => ($options.onTimePickerElementMouseDown($event, 2, -1))),
-                              onMouseup: _cache[48] || (_cache[48] = $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[49] || (_cache[49] = (...args) => ($options.onContainerButtonKeydown && $options.onContainerButtonKeydown(...args))),
-                                _cache[51] || (_cache[51] = vue.withKeys($event => ($options.onTimePickerElementMouseDown($event, 2, -1)), ["enter"])),
-                                _cache[52] || (_cache[52] = 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: _ctx.$attrs.disabled,
-                              onMouseleave: _cache[50] || (_cache[50] = $event => ($options.onTimePickerElementMouseLeave())),
+                              onMouseleave: _cache[56] || (_cache[56] = $event => ($options.onTimePickerElementMouseLeave())),
                               onKeyup: [
-                                _cache[53] || (_cache[53] = vue.withKeys($event => ($options.onTimePickerElementMouseUp($event)), ["enter"])),
-                                _cache[54] || (_cache[54] = 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"
                             }, [
@@ -2762,7 +2793,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                         ? (vue.openBlock(), vue.createBlock("div", _hoisted_28, [
                             vue.withDirectives(vue.createVNode("button", {
                               class: "p-link",
-                              onClick: _cache[55] || (_cache[55] = $event => ($options.toggleAMPM($event))),
+                              onClick: _cache[61] || (_cache[61] = $event => ($options.toggleAMPM($event))),
                               type: "button",
                               disabled: _ctx.$attrs.disabled
                             }, [
@@ -2773,7 +2804,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                             vue.createVNode("span", null, vue.toDisplayString($data.pm ? 'PM' : 'AM'), 1),
                             vue.withDirectives(vue.createVNode("button", {
                               class: "p-link",
-                              onClick: _cache[56] || (_cache[56] = $event => ($options.toggleAMPM($event))),
+                              onClick: _cache[62] || (_cache[62] = $event => ($options.toggleAMPM($event))),
                               type: "button",
                               disabled: _ctx.$attrs.disabled
                             }, [
@@ -2790,14 +2821,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                       vue.createVNode(_component_CalendarButton, {
                         type: "button",
                         label: $options.todayLabel,
-                        onClick: _cache[57] || (_cache[57] = $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[58] || (_cache[58] = $event => ($options.onClearButtonClick($event))),
+                        onClick: _cache[64] || (_cache[64] = $event => ($options.onClearButtonClick($event))),
                         class: "p-button-text",
                         onKeydown: $options.onContainerButtonKeydown
                       }, null, 8, ["label", "onKeydown"])