@valaxyjs/devtools 0.22.17 → 0.23.0

package/dist/client/assets/{index-CHypEGrE.js → index-CXq-atkD.js}

@@ -1,5 +1,5 @@
-import { s as script$n, R as Ripple, c as cn, a as script$o, b as script$p, d as axios, P as Pe, g as ge } from './splitpanes.es-Jgun55i8.js';
-import { g as getAppWindow, i as isNotEmpty, B as BaseStyle, r as resolveDirective, w as withDirectives, c as createElementBlock, o as openBlock, a as createBaseVNode, b as renderSlot, n as normalizeClass, d as createCommentVNode, m as mergeProps, t as toDisplayString, e as equals, f as resolveFieldData, h as resolveComponent, F as Fragment, j as renderList, k as createBlock, l as createSlots, p as withCtx, q as defineComponent, u as useModel, s as ref, v as watch, x as createVNode, y as unref, _ as _export_sfc, z as createTextVNode, A as contains, C as getScrollableParents, E as EventBus, D as isClient, T as Teleport, G as setAttribute, H as localeComparator, I as getFocusableElements, J as find, K as findSingle, L as getIndex, M as getAttribute, N as relativePosition, O as getOuterWidth, P as absolutePosition, Q as isTouchDevice, R as addStyle, S as normalizeStyle, U as resolveDynamicComponent, V as Transition, W as vShow, X as withKeys, Y as clearSelection, Z as getSelection, $ as toHandlers, a0 as useI18n, a1 as dayjs, a2 as clientPageData, a3 as activePath, a4 as toRaw, a5 as pageData, a6 as onMounted, a7 as rpc, a8 as getDefaultExportFromCjs, a9 as useScroll, aa as postList, ab as isStaticMode } from './index-C1CSGtTH.js';
+import { s as script$n, R as Ripple, c as cn, a as script$o, b as script$p, d as axios, P as Pe, g as ge } from './splitpanes.es-J9nnc436.js';
+import { g as getAppWindow, i as isNotEmpty, B as BaseStyle, r as resolveDirective, w as withDirectives, c as createElementBlock, o as openBlock, a as createBaseVNode, b as renderSlot, n as normalizeClass, d as createCommentVNode, m as mergeProps, t as toDisplayString, e as equals, f as resolveFieldData, h as resolveComponent, F as Fragment, j as renderList, k as createBlock, l as createSlots, p as withCtx, q as defineComponent, u as useModel, s as ref, v as watch, x as createVNode, y as unref, _ as _export_sfc, z as createTextVNode, A as contains, C as getScrollableParents, E as EventBus, D as isClient, T as Teleport, G as setAttribute, H as localeComparator, I as getFocusableElements, J as find, K as findSingle, L as getIndex, M as getAttribute, N as relativePosition, O as getOuterWidth, P as absolutePosition, Q as isTouchDevice, R as addStyle, S as normalizeStyle, U as resolveDynamicComponent, V as Transition, W as vShow, X as withKeys, Y as clearSelection, Z as getSelection, $ as toHandlers, a0 as useI18n, a1 as dayjs, a2 as clientPageData, a3 as activePath, a4 as toRaw, a5 as pageData, a6 as onMounted, a7 as rpc, a8 as getDefaultExportFromCjs, a9 as useScroll, aa as postList, ab as isStaticMode } from './index-CI8seTsP.js';
 
 // src/zindex/index.ts
 function handler() {
@@ -273,10 +273,10 @@ var script$1$7 = {
   }
 };
 
-function _typeof$6(o) { "@babel/helpers - typeof"; return _typeof$6 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof$6(o); }
-function _defineProperty$5(e, r, t) { return (r = _toPropertyKey$5(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
-function _toPropertyKey$5(t) { var i = _toPrimitive$5(t, "string"); return "symbol" == _typeof$6(i) ? i : i + ""; }
-function _toPrimitive$5(t, r) { if ("object" != _typeof$6(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != _typeof$6(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _typeof$7(o) { "@babel/helpers - typeof"; return _typeof$7 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof$7(o); }
+function _defineProperty$7(e, r, t) { return (r = _toPropertyKey$7(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
+function _toPropertyKey$7(t) { var i = _toPrimitive$7(t, "string"); return "symbol" == _typeof$7(i) ? i : i + ""; }
+function _toPrimitive$7(t, r) { if ("object" != _typeof$7(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != _typeof$7(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var script$l = {
   name: 'ToggleButton',
   "extends": script$1$7,
@@ -314,7 +314,7 @@ var script$l = {
       return this.hasLabel ? this.d_value ? this.onLabel : this.offLabel : "\xA0";
     },
     dataP: function dataP() {
-      return cn(_defineProperty$5({
+      return cn(_defineProperty$7({
         checked: this.active,
         invalid: this.$invalid
       }, this.size, this.size));
@@ -326,7 +326,7 @@ var script$l = {
 };
 
 var _hoisted_1$d = ["tabindex", "disabled", "aria-pressed", "aria-label", "aria-labelledby", "data-p-checked", "data-p-disabled", "data-p"];
-var _hoisted_2$6 = ["data-p"];
+var _hoisted_2$7 = ["data-p"];
 function render$j(_ctx, _cache, $props, $setup, $data, $options) {
   var _directive_ripple = resolveDirective("ripple");
   return withDirectives((openBlock(), createElementBlock("button", mergeProps({
@@ -363,7 +363,7 @@ function render$j(_ctx, _cache, $props, $setup, $data, $options) {
     }), createBaseVNode("span", mergeProps({
       "class": _ctx.cx('label')
     }, $options.getPTOptions('label')), toDisplayString($options.label), 17)];
-  })], 16, _hoisted_2$6)], 16, _hoisted_1$d)), [[_directive_ripple]]);
+  })], 16, _hoisted_2$7)], 16, _hoisted_1$d)), [[_directive_ripple]]);
 }
 
 script$l.render = render$j;
@@ -576,7 +576,7 @@ script$k.render = render$i;
 /* Injected with object hook! */
 
 const _hoisted_1$b = { class: "inline-flex gap-1 items-center justify-center" };
-const _hoisted_2$5 = { class: "text-sm" };
+const _hoisted_2$6 = { class: "text-sm" };
 const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "VDFmExcerptType",
   props: {
@@ -615,7 +615,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
             createBaseVNode("i", {
               class: normalizeClass(slotProps.option.icon)
             }, null, 2),
-            createBaseVNode("span", _hoisted_2$5, toDisplayString(slotProps.option.value), 1)
+            createBaseVNode("span", _hoisted_2$6, toDisplayString(slotProps.option.value), 1)
           ]),
           _: 1
         }, 8, ["model-value", "options"])
@@ -1438,10 +1438,10 @@ var script$1$5 = {
   }
 };
 
-function _typeof$5(o) { "@babel/helpers - typeof"; return _typeof$5 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof$5(o); }
-function _defineProperty$4(e, r, t) { return (r = _toPropertyKey$4(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
-function _toPropertyKey$4(t) { var i = _toPrimitive$4(t, "string"); return "symbol" == _typeof$5(i) ? i : i + ""; }
-function _toPrimitive$4(t, r) { if ("object" != _typeof$5(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != _typeof$5(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _typeof$6(o) { "@babel/helpers - typeof"; return _typeof$6 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof$6(o); }
+function _defineProperty$6(e, r, t) { return (r = _toPropertyKey$6(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
+function _toPropertyKey$6(t) { var i = _toPrimitive$6(t, "string"); return "symbol" == _typeof$6(i) ? i : i + ""; }
+function _toPrimitive$6(t, r) { if ("object" != _typeof$6(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != _typeof$6(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _toConsumableArray$2(r) { return _arrayWithoutHoles$2(r) || _iterableToArray$2(r) || _unsupportedIterableToArray$2(r) || _nonIterableSpread$2(); }
 function _nonIterableSpread$2() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray$2(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray$2(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray$2(r, a) : void 0; } }
@@ -1517,7 +1517,7 @@ var script$g = {
       return this.d_indeterminate ? false : this.binary ? value === this.trueValue : contains(this.value, value);
     },
     dataP: function dataP() {
-      return cn(_defineProperty$4({
+      return cn(_defineProperty$6({
         invalid: this.$invalid,
         checked: this.checked,
         disabled: this.disabled,
@@ -1532,8 +1532,8 @@ var script$g = {
 };
 
 var _hoisted_1$9 = ["data-p-checked", "data-p-indeterminate", "data-p-disabled", "data-p"];
-var _hoisted_2$4 = ["id", "value", "name", "checked", "tabindex", "disabled", "readonly", "required", "aria-labelledby", "aria-label", "aria-invalid", "aria-checked"];
-var _hoisted_3$4 = ["data-p"];
+var _hoisted_2$5 = ["id", "value", "name", "checked", "tabindex", "disabled", "readonly", "required", "aria-labelledby", "aria-label", "aria-invalid", "aria-checked"];
+var _hoisted_3$5 = ["data-p"];
 function render$f(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_CheckIcon = resolveComponent("CheckIcon");
   var _component_MinusIcon = resolveComponent("MinusIcon");
@@ -1569,14 +1569,15 @@ function render$f(_ctx, _cache, $props, $setup, $data, $options) {
     onChange: _cache[2] || (_cache[2] = function () {
       return $options.onChange && $options.onChange.apply($options, arguments);
     })
-  }, $options.getPTOptions('input')), null, 16, _hoisted_2$4), createBaseVNode("div", mergeProps({
+  }, $options.getPTOptions('input')), null, 16, _hoisted_2$5), createBaseVNode("div", mergeProps({
     "class": _ctx.cx('box')
   }, $options.getPTOptions('box'), {
     "data-p": $options.dataP
   }), [renderSlot(_ctx.$slots, "icon", {
     checked: $options.checked,
     indeterminate: $data.d_indeterminate,
-    "class": normalizeClass(_ctx.cx('icon'))
+    "class": normalizeClass(_ctx.cx('icon')),
+    dataP: $options.dataP
   }, function () {
     return [$options.checked ? (openBlock(), createBlock(_component_CheckIcon, mergeProps({
       key: 0,
@@ -1589,7 +1590,7 @@ function render$f(_ctx, _cache, $props, $setup, $data, $options) {
     }, $options.getPTOptions('icon'), {
       "data-p": $options.dataP
     }), null, 16, ["class", "data-p"])) : createCommentVNode("", true)];
-  })], 16, _hoisted_3$4)], 16, _hoisted_1$9);
+  })], 16, _hoisted_3$5)], 16, _hoisted_1$9);
 }
 
 script$g.render = render$f;
@@ -1793,10 +1794,10 @@ var script$1$4 = {
   }
 };
 
-function _typeof$4(o) { "@babel/helpers - typeof"; return _typeof$4 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof$4(o); }
-function _defineProperty$3(e, r, t) { return (r = _toPropertyKey$3(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
-function _toPropertyKey$3(t) { var i = _toPrimitive$3(t, "string"); return "symbol" == _typeof$4(i) ? i : i + ""; }
-function _toPrimitive$3(t, r) { if ("object" != _typeof$4(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != _typeof$4(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _typeof$5(o) { "@babel/helpers - typeof"; return _typeof$5 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof$5(o); }
+function _defineProperty$5(e, r, t) { return (r = _toPropertyKey$5(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
+function _toPropertyKey$5(t) { var i = _toPrimitive$5(t, "string"); return "symbol" == _typeof$5(i) ? i : i + ""; }
+function _toPrimitive$5(t, r) { if ("object" != _typeof$5(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != _typeof$5(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var script$a = {
   name: 'InputText',
   "extends": script$1$4,
@@ -1816,7 +1817,7 @@ var script$a = {
       }), this.formField);
     },
     dataP: function dataP() {
-      return cn(_defineProperty$3({
+      return cn(_defineProperty$5({
         invalid: this.$invalid,
         fluid: this.$fluid,
         filled: this.$variant === 'filled'
@@ -2248,7 +2249,10 @@ var script$1$3 = {
   }
 };
 
-function _typeof$3(o) { "@babel/helpers - typeof"; return _typeof$3 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof$3(o); }
+function _defineProperty$4(e, r, t) { return (r = _toPropertyKey$4(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
+function _toPropertyKey$4(t) { var i = _toPrimitive$4(t, "string"); return "symbol" == _typeof$4(i) ? i : i + ""; }
+function _toPrimitive$4(t, r) { if ("object" != _typeof$4(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != _typeof$4(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _typeof$4(o) { "@babel/helpers - typeof"; return _typeof$4 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof$4(o); }
 function _toConsumableArray$1(r) { return _arrayWithoutHoles$1(r) || _iterableToArray$1(r) || _unsupportedIterableToArray$1(r) || _nonIterableSpread$1(); }
 function _nonIterableSpread$1() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _iterableToArray$1(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
@@ -2568,8 +2572,7 @@ var script$8 = {
     onOverlayEnter: function onOverlayEnter(el) {
       var styles = !this.inline ? {
         position: 'absolute',
-        top: '0',
-        left: '0'
+        top: '0'
       } : undefined;
       addStyle(el, styles);
       if (this.autoZIndex) {
@@ -2793,7 +2796,8 @@ var script$8 = {
       }
     },
     isOutsideClicked: function isOutsideClicked(event) {
-      return !(this.$el.isSameNode(event.target) || this.isNavIconClicked(event) || this.$el.contains(event.target) || this.overlay && this.overlay.contains(event.target));
+      var composedPath = event.composedPath();
+      return !(this.$el.isSameNode(event.target) || this.isNavIconClicked(event) || composedPath.includes(this.$el) || composedPath.includes(this.overlay));
     },
     isNavIconClicked: function isNavIconClicked(event) {
       return this.previousButton && (this.previousButton.isSameNode(event.target) || this.previousButton.contains(event.target)) || this.nextButton && (this.nextButton.isSameNode(event.target) || this.nextButton.contains(event.target));
@@ -3150,6 +3154,31 @@ var script$8 = {
     onTimePickerElementMouseLeave: function onTimePickerElementMouseLeave() {
       this.clearTimePickerTimer();
     },
+    onTimePickerElementKeyDown: function onTimePickerElementKeyDown(event, type, direction) {
+      switch (event.code) {
+        case 'Enter':
+        case 'NumpadEnter':
+        case 'Space':
+          if (this.isEnabled()) {
+            this.repeat(event, null, type, direction);
+            event.preventDefault();
+          }
+          break;
+      }
+    },
+    onTimePickerElementKeyUp: function onTimePickerElementKeyUp(event) {
+      switch (event.code) {
+        case 'Enter':
+        case 'NumpadEnter':
+        case 'Space':
+          if (this.isEnabled()) {
+            this.clearTimePickerTimer();
+            this.updateModelTime();
+            event.preventDefault();
+          }
+          break;
+      }
+    },
     repeat: function repeat(event, interval, type, direction) {
       var _this10 = this;
       var i = interval || 500;
@@ -3478,7 +3507,7 @@ var script$8 = {
       if (format == null || value == null) {
         throw 'Invalid arguments';
       }
-      value = _typeof$3(value) === 'object' ? value.toString() : value + '';
+      value = _typeof$4(value) === 'object' ? value.toString() : value + '';
       if (value === '') {
         return null;
       }
@@ -4300,6 +4329,14 @@ var script$8 = {
         this.responsiveStyleElement.remove();
         this.responsiveStyleElement = null;
       }
+    },
+    dayDataP: function dayDataP(date) {
+      return cn({
+        today: date.today,
+        'other-month': date.otherMonth,
+        selected: this.isSelected(date),
+        disabled: !date.selectable
+      });
     }
   },
   computed: {
@@ -4504,6 +4541,144 @@ var script$8 = {
     },
     panelId: function panelId() {
       return this.$id + '_panel';
+    },
+    containerDataP: function containerDataP() {
+      return cn({
+        fluid: this.$fluid
+      });
+    },
+    panelDataP: function panelDataP() {
+      return cn(_defineProperty$4({
+        inline: this.inline
+      }, 'portal-' + this.appendTo, 'portal-' + this.appendTo));
+    },
+    inputIconDataP: function inputIconDataP() {
+      return cn(_defineProperty$4({}, this.size, this.size));
+    },
+    timePickerDataP: function timePickerDataP() {
+      return cn({
+        'time-only': this.timeOnly
+      });
+    },
+    hourIncrementCallbacks: function hourIncrementCallbacks() {
+      var _this15 = this;
+      return {
+        mousedown: function mousedown(event) {
+          return _this15.onTimePickerElementMouseDown(event, 0, 1);
+        },
+        mouseup: function mouseup(event) {
+          return _this15.onTimePickerElementMouseUp(event);
+        },
+        mouseleave: function mouseleave() {
+          return _this15.onTimePickerElementMouseLeave();
+        },
+        keydown: function keydown(event) {
+          return _this15.onTimePickerElementKeyDown(event, 0, 1);
+        },
+        keyup: function keyup(event) {
+          return _this15.onTimePickerElementKeyUp(event);
+        }
+      };
+    },
+    hourDecrementCallbacks: function hourDecrementCallbacks() {
+      var _this16 = this;
+      return {
+        mousedown: function mousedown(event) {
+          return _this16.onTimePickerElementMouseDown(event, 0, -1);
+        },
+        mouseup: function mouseup(event) {
+          return _this16.onTimePickerElementMouseUp(event);
+        },
+        mouseleave: function mouseleave() {
+          return _this16.onTimePickerElementMouseLeave();
+        },
+        keydown: function keydown(event) {
+          return _this16.onTimePickerElementKeyDown(event, 0, -1);
+        },
+        keyup: function keyup(event) {
+          return _this16.onTimePickerElementKeyUp(event);
+        }
+      };
+    },
+    minuteIncrementCallbacks: function minuteIncrementCallbacks() {
+      var _this17 = this;
+      return {
+        mousedown: function mousedown(event) {
+          return _this17.onTimePickerElementMouseDown(event, 1, 1);
+        },
+        mouseup: function mouseup(event) {
+          return _this17.onTimePickerElementMouseUp(event);
+        },
+        mouseleave: function mouseleave() {
+          return _this17.onTimePickerElementMouseLeave();
+        },
+        keydown: function keydown(event) {
+          return _this17.onTimePickerElementKeyDown(event, 1, 1);
+        },
+        keyup: function keyup(event) {
+          return _this17.onTimePickerElementKeyUp(event);
+        }
+      };
+    },
+    minuteDecrementCallbacks: function minuteDecrementCallbacks() {
+      var _this18 = this;
+      return {
+        mousedown: function mousedown(event) {
+          return _this18.onTimePickerElementMouseDown(event, 1, -1);
+        },
+        mouseup: function mouseup(event) {
+          return _this18.onTimePickerElementMouseUp(event);
+        },
+        mouseleave: function mouseleave() {
+          return _this18.onTimePickerElementMouseLeave();
+        },
+        keydown: function keydown(event) {
+          return _this18.onTimePickerElementKeyDown(event, 1, -1);
+        },
+        keyup: function keyup(event) {
+          return _this18.onTimePickerElementKeyUp(event);
+        }
+      };
+    },
+    secondIncrementCallbacks: function secondIncrementCallbacks() {
+      var _this19 = this;
+      return {
+        mousedown: function mousedown(event) {
+          return _this19.onTimePickerElementMouseDown(event, 2, 1);
+        },
+        mouseup: function mouseup(event) {
+          return _this19.onTimePickerElementMouseUp(event);
+        },
+        mouseleave: function mouseleave() {
+          return _this19.onTimePickerElementMouseLeave();
+        },
+        keydown: function keydown(event) {
+          return _this19.onTimePickerElementKeyDown(event, 2, 1);
+        },
+        keyup: function keyup(event) {
+          return _this19.onTimePickerElementKeyUp(event);
+        }
+      };
+    },
+    secondDecrementCallbacks: function secondDecrementCallbacks() {
+      var _this20 = this;
+      return {
+        mousedown: function mousedown(event) {
+          return _this20.onTimePickerElementMouseDown(event, 2, -1);
+        },
+        mouseup: function mouseup(event) {
+          return _this20.onTimePickerElementMouseUp(event);
+        },
+        mouseleave: function mouseleave() {
+          return _this20.onTimePickerElementMouseLeave();
+        },
+        keydown: function keydown(event) {
+          return _this20.onTimePickerElementKeyDown(event, 2, -1);
+        },
+        keyup: function keyup(event) {
+          return _this20.onTimePickerElementKeyUp(event);
+        }
+      };
     }
   },
   components: {
@@ -4521,20 +4696,22 @@ var script$8 = {
   }
 };
 
-var _hoisted_1$7 = ["id"];
-var _hoisted_2$3 = ["disabled", "aria-label", "aria-expanded", "aria-controls"];
-var _hoisted_3$3 = ["id", "role", "aria-modal", "aria-label"];
-var _hoisted_4$3 = ["disabled", "aria-label"];
+var _hoisted_1$7 = ["id", "data-p"];
+var _hoisted_2$4 = ["disabled", "aria-label", "aria-expanded", "aria-controls"];
+var _hoisted_3$4 = ["data-p"];
+var _hoisted_4$3 = ["id", "role", "aria-modal", "aria-label", "data-p"];
 var _hoisted_5$3 = ["disabled", "aria-label"];
 var _hoisted_6$2 = ["disabled", "aria-label"];
 var _hoisted_7$1 = ["disabled", "aria-label"];
-var _hoisted_8$1 = ["data-p-disabled"];
-var _hoisted_9$1 = ["abbr"];
-var _hoisted_10$1 = ["data-p-disabled"];
-var _hoisted_11$1 = ["aria-label", "data-p-today", "data-p-other-month"];
-var _hoisted_12$1 = ["onClick", "onKeydown", "aria-selected", "aria-disabled", "data-p-disabled", "data-p-selected"];
-var _hoisted_13 = ["onClick", "onKeydown", "data-p-disabled", "data-p-selected"];
+var _hoisted_8$1 = ["disabled", "aria-label"];
+var _hoisted_9$1 = ["data-p-disabled"];
+var _hoisted_10$1 = ["abbr"];
+var _hoisted_11$1 = ["data-p-disabled"];
+var _hoisted_12$1 = ["aria-label", "data-p-today", "data-p-other-month"];
+var _hoisted_13 = ["onClick", "onKeydown", "aria-selected", "aria-disabled", "data-p"];
 var _hoisted_14 = ["onClick", "onKeydown", "data-p-disabled", "data-p-selected"];
+var _hoisted_15 = ["onClick", "onKeydown", "data-p-disabled", "data-p-selected"];
+var _hoisted_16 = ["data-p"];
 function render$7(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_InputText = resolveComponent("InputText");
   var _component_Button = resolveComponent("Button");
@@ -4544,7 +4721,8 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
     ref: "container",
     id: _ctx.$id,
     "class": _ctx.cx('root'),
-    style: _ctx.sx('root')
+    style: _ctx.sx('root'),
+    "data-p": $options.containerDataP
   }, _ctx.ptmi('root')), [!_ctx.inline ? (openBlock(), createBlock(_component_InputText, {
     key: 0,
     ref: $options.inputRef,
@@ -4576,8 +4754,10 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
     onFocus: $options.onFocus,
     onBlur: $options.onBlur,
     onKeydown: $options.onKeyDown,
+    "data-p-has-dropdown": _ctx.showIcon && _ctx.iconDisplay === 'button' && !_ctx.inline,
+    "data-p-has-e-icon": _ctx.showIcon && _ctx.iconDisplay === 'input' && !_ctx.inline,
     pt: _ctx.ptm('pcInputText')
-  }, null, 8, ["id", "class", "style", "defaultValue", "placeholder", "name", "size", "invalid", "variant", "fluid", "unstyled", "aria-expanded", "aria-controls", "aria-labelledby", "aria-label", "disabled", "readonly", "onInput", "onClick", "onFocus", "onBlur", "onKeydown", "pt"])) : createCommentVNode("", true), _ctx.showIcon && _ctx.iconDisplay === 'button' && !_ctx.inline ? renderSlot(_ctx.$slots, "dropdownbutton", {
+  }, null, 8, ["id", "class", "style", "defaultValue", "placeholder", "name", "size", "invalid", "variant", "fluid", "unstyled", "aria-expanded", "aria-controls", "aria-labelledby", "aria-label", "disabled", "readonly", "onInput", "onClick", "onFocus", "onBlur", "onKeydown", "data-p-has-dropdown", "data-p-has-e-icon", "pt"])) : createCommentVNode("", true), _ctx.showIcon && _ctx.iconDisplay === 'button' && !_ctx.inline ? renderSlot(_ctx.$slots, "dropdownbutton", {
     key: 1,
     toggleCallback: $options.onButtonClick
   }, function () {
@@ -4598,12 +4778,13 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
       return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.icon ? 'span' : 'CalendarIcon'), mergeProps({
         "class": _ctx.icon
       }, _ctx.ptm('dropdownIcon')), null, 16, ["class"]))];
-    })], 16, _hoisted_2$3)];
+    })], 16, _hoisted_2$4)];
   }) : _ctx.showIcon && _ctx.iconDisplay === 'input' && !_ctx.inline ? (openBlock(), createElementBlock(Fragment, {
     key: 2
   }, [_ctx.$slots.inputicon || _ctx.showIcon ? (openBlock(), createElementBlock("span", mergeProps({
     key: 0,
-    "class": _ctx.cx('inputIconContainer')
+    "class": _ctx.cx('inputIconContainer'),
+    "data-p": $options.inputIconDataP
   }, _ctx.ptm('inputIconContainer')), [renderSlot(_ctx.$slots, "inputicon", {
     "class": normalizeClass(_ctx.cx('inputIcon')),
     clickCallback: $options.onButtonClick
@@ -4612,7 +4793,7 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
       "class": [_ctx.icon, _ctx.cx('inputIcon')],
       onClick: $options.onButtonClick
     }, _ctx.ptm('inputicon')), null, 16, ["class", "onClick"]))];
-  })], 16)) : createCommentVNode("", true)], 64)) : createCommentVNode("", true), createVNode(_component_Portal, {
+  })], 16, _hoisted_3$4)) : createCommentVNode("", true)], 64)) : createCommentVNode("", true), createVNode(_component_Portal, {
     appendTo: _ctx.appendTo,
     disabled: _ctx.inline
   }, {
@@ -4644,7 +4825,8 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
             }),
             onMouseup: _cache[57] || (_cache[57] = function () {
               return $options.onOverlayMouseUp && $options.onOverlayMouseUp.apply($options, arguments);
-            })
+            }),
+            "data-p": $options.panelDataP
           }, _ctx.ptm('panel')), [!_ctx.timeOnly ? (openBlock(), createElementBlock(Fragment, {
             key: 0
           }, [createBaseVNode("div", mergeProps({
@@ -4657,29 +4839,38 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
             }, _ctx.ptm('calendar')), [createBaseVNode("div", mergeProps({
               "class": _ctx.cx('header'),
               ref_for: true
-            }, _ctx.ptm('header')), [renderSlot(_ctx.$slots, "header"), withDirectives(createVNode(_component_Button, mergeProps({
-              ref_for: true,
-              ref: $options.previousButtonRef,
-              "class": _ctx.cx('pcPrevButton'),
-              disabled: _ctx.disabled,
-              "aria-label": $data.currentView === 'year' ? _ctx.$primevue.config.locale.prevDecade : $data.currentView === 'month' ? _ctx.$primevue.config.locale.prevYear : _ctx.$primevue.config.locale.prevMonth,
-              unstyled: _ctx.unstyled,
-              onClick: $options.onPrevButtonClick,
-              onKeydown: $options.onContainerButtonKeydown
-            }, _ctx.navigatorButtonProps, {
-              pt: _ctx.ptm('pcPrevButton'),
-              "data-pc-group-section": "navigator"
-            }), {
-              icon: withCtx(function (slotProps) {
-                return [renderSlot(_ctx.$slots, "previcon", {}, function () {
-                  return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.prevIcon ? 'span' : 'ChevronLeftIcon'), mergeProps({
-                    "class": [_ctx.prevIcon, slotProps["class"]],
-                    ref_for: true
-                  }, _ctx.ptm('pcPrevButton')['icon']), null, 16, ["class"]))];
-                })];
-              }),
-              _: 2
-            }, 1040, ["class", "disabled", "aria-label", "unstyled", "onClick", "onKeydown", "pt"]), [[vShow, groupIndex === 0]]), createBaseVNode("div", mergeProps({
+            }, _ctx.ptm('header')), [renderSlot(_ctx.$slots, "header"), renderSlot(_ctx.$slots, "prevbutton", {
+              actionCallback: function actionCallback(event) {
+                return $options.onPrevButtonClick(event);
+              },
+              keydownCallback: function keydownCallback(event) {
+                return $options.onContainerButtonKeydown(event);
+              }
+            }, function () {
+              return [withDirectives(createVNode(_component_Button, mergeProps({
+                ref_for: true,
+                ref: $options.previousButtonRef,
+                "class": _ctx.cx('pcPrevButton'),
+                disabled: _ctx.disabled,
+                "aria-label": $data.currentView === 'year' ? _ctx.$primevue.config.locale.prevDecade : $data.currentView === 'month' ? _ctx.$primevue.config.locale.prevYear : _ctx.$primevue.config.locale.prevMonth,
+                unstyled: _ctx.unstyled,
+                onClick: $options.onPrevButtonClick,
+                onKeydown: $options.onContainerButtonKeydown
+              }, _ctx.navigatorButtonProps, {
+                pt: _ctx.ptm('pcPrevButton'),
+                "data-pc-group-section": "navigator"
+              }), {
+                icon: withCtx(function (slotProps) {
+                  return [renderSlot(_ctx.$slots, "previcon", {}, function () {
+                    return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.prevIcon ? 'span' : 'ChevronLeftIcon'), mergeProps({
+                      "class": [_ctx.prevIcon, slotProps["class"]],
+                      ref_for: true
+                    }, _ctx.ptm('pcPrevButton')['icon']), null, 16, ["class"]))];
+                  })];
+                }),
+                _: 2
+              }, 1040, ["class", "disabled", "aria-label", "unstyled", "onClick", "onKeydown", "pt"]), [[vShow, groupIndex === 0]])];
+            }), createBaseVNode("div", mergeProps({
               "class": _ctx.cx('title'),
               ref_for: true
             }, _ctx.ptm('title')), [_ctx.$primevue.config.locale.showMonthAfterYear ? (openBlock(), createElementBlock(Fragment, {
@@ -4699,7 +4890,7 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
               ref_for: true
             }, _ctx.ptm('selectYear'), {
               "data-pc-group-section": "view"
-            }), toDisplayString($options.getYear(month)), 17, _hoisted_4$3)) : createCommentVNode("", true), $data.currentView === 'date' ? (openBlock(), createElementBlock("button", mergeProps({
+            }), toDisplayString($options.getYear(month)), 17, _hoisted_5$3)) : createCommentVNode("", true), $data.currentView === 'date' ? (openBlock(), createElementBlock("button", mergeProps({
               key: 1,
               type: "button",
               onClick: _cache[3] || (_cache[3] = function () {
@@ -4714,7 +4905,7 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
               ref_for: true
             }, _ctx.ptm('selectMonth'), {
               "data-pc-group-section": "view"
-            }), toDisplayString($options.getMonthName(month.month)), 17, _hoisted_5$3)) : createCommentVNode("", true)], 64)) : (openBlock(), createElementBlock(Fragment, {
+            }), toDisplayString($options.getMonthName(month.month)), 17, _hoisted_6$2)) : createCommentVNode("", true)], 64)) : (openBlock(), createElementBlock(Fragment, {
               key: 1
             }, [$data.currentView === 'date' ? (openBlock(), createElementBlock("button", mergeProps({
               key: 0,
@@ -4731,7 +4922,7 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
               ref_for: true
             }, _ctx.ptm('selectMonth'), {
               "data-pc-group-section": "view"
-            }), toDisplayString($options.getMonthName(month.month)), 17, _hoisted_6$2)) : createCommentVNode("", true), $data.currentView !== 'year' ? (openBlock(), createElementBlock("button", mergeProps({
+            }), toDisplayString($options.getMonthName(month.month)), 17, _hoisted_7$1)) : createCommentVNode("", true), $data.currentView !== 'year' ? (openBlock(), createElementBlock("button", mergeProps({
               key: 1,
               type: "button",
               onClick: _cache[7] || (_cache[7] = function () {
@@ -4746,7 +4937,7 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
               ref_for: true
             }, _ctx.ptm('selectYear'), {
               "data-pc-group-section": "view"
-            }), toDisplayString($options.getYear(month)), 17, _hoisted_7$1)) : createCommentVNode("", true)], 64)), $data.currentView === 'year' ? (openBlock(), createElementBlock("span", mergeProps({
+            }), toDisplayString($options.getYear(month)), 17, _hoisted_8$1)) : createCommentVNode("", true)], 64)), $data.currentView === 'year' ? (openBlock(), createElementBlock("span", mergeProps({
               key: 2,
               "class": _ctx.cx('decade'),
               ref_for: true
@@ -4754,29 +4945,38 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
               years: $options.yearPickerValues
             }, function () {
               return [createTextVNode(toDisplayString($options.yearPickerValues[0].value) + " - " + toDisplayString($options.yearPickerValues[$options.yearPickerValues.length - 1].value), 1)];
-            })], 16)) : createCommentVNode("", true)], 16), withDirectives(createVNode(_component_Button, mergeProps({
-              ref_for: true,
-              ref: $options.nextButtonRef,
-              "class": _ctx.cx('pcNextButton'),
-              disabled: _ctx.disabled,
-              "aria-label": $data.currentView === 'year' ? _ctx.$primevue.config.locale.nextDecade : $data.currentView === 'month' ? _ctx.$primevue.config.locale.nextYear : _ctx.$primevue.config.locale.nextMonth,
-              unstyled: _ctx.unstyled,
-              onClick: $options.onNextButtonClick,
-              onKeydown: $options.onContainerButtonKeydown
-            }, _ctx.navigatorButtonProps, {
-              pt: _ctx.ptm('pcNextButton'),
-              "data-pc-group-section": "navigator"
-            }), {
-              icon: withCtx(function (slotProps) {
-                return [renderSlot(_ctx.$slots, "nexticon", {}, function () {
-                  return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.nextIcon ? 'span' : 'ChevronRightIcon'), mergeProps({
-                    "class": [_ctx.nextIcon, slotProps["class"]],
-                    ref_for: true
-                  }, _ctx.ptm('pcNextButton')['icon']), null, 16, ["class"]))];
-                })];
-              }),
-              _: 2
-            }, 1040, ["class", "disabled", "aria-label", "unstyled", "onClick", "onKeydown", "pt"]), [[vShow, _ctx.numberOfMonths === 1 ? true : groupIndex === _ctx.numberOfMonths - 1]])], 16), $data.currentView === 'date' ? (openBlock(), createElementBlock("table", mergeProps({
+            })], 16)) : createCommentVNode("", true)], 16), renderSlot(_ctx.$slots, "nextbutton", {
+              actionCallback: function actionCallback(event) {
+                return $options.onNextButtonClick(event);
+              },
+              keydownCallback: function keydownCallback(event) {
+                return $options.onContainerButtonKeydown(event);
+              }
+            }, function () {
+              return [withDirectives(createVNode(_component_Button, mergeProps({
+                ref_for: true,
+                ref: $options.nextButtonRef,
+                "class": _ctx.cx('pcNextButton'),
+                disabled: _ctx.disabled,
+                "aria-label": $data.currentView === 'year' ? _ctx.$primevue.config.locale.nextDecade : $data.currentView === 'month' ? _ctx.$primevue.config.locale.nextYear : _ctx.$primevue.config.locale.nextMonth,
+                unstyled: _ctx.unstyled,
+                onClick: $options.onNextButtonClick,
+                onKeydown: $options.onContainerButtonKeydown
+              }, _ctx.navigatorButtonProps, {
+                pt: _ctx.ptm('pcNextButton'),
+                "data-pc-group-section": "navigator"
+              }), {
+                icon: withCtx(function (slotProps) {
+                  return [renderSlot(_ctx.$slots, "nexticon", {}, function () {
+                    return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.nextIcon ? 'span' : 'ChevronRightIcon'), mergeProps({
+                      "class": [_ctx.nextIcon, slotProps["class"]],
+                      ref_for: true
+                    }, _ctx.ptm('pcNextButton')['icon']), null, 16, ["class"]))];
+                  })];
+                }),
+                _: 2
+              }, 1040, ["class", "disabled", "aria-label", "unstyled", "onClick", "onKeydown", "pt"]), [[vShow, _ctx.numberOfMonths === 1 ? true : groupIndex === _ctx.numberOfMonths - 1]])];
+            })], 16), $data.currentView === 'date' ? (openBlock(), createElementBlock("table", mergeProps({
               key: 0,
               "class": _ctx.cx('dayView'),
               role: "grid",
@@ -4807,7 +5007,7 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
               }), {
                 "data-pc-group-section": "tableheadercelllabel"
               }), toDisplayString($options.weekHeaderLabel), 17)];
-            })], 16, _hoisted_8$1)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList($options.weekDays, function (weekDay) {
+            })], 16, _hoisted_9$1)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList($options.weekDays, function (weekDay) {
               return openBlock(), createElementBlock("th", mergeProps({
                 key: weekDay,
                 scope: "col",
@@ -4821,7 +5021,7 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
                 ref_for: true
               }, _ctx.ptm('weekDay'), {
                 "data-pc-group-section": "tableheadercelllabel"
-              }), toDisplayString(weekDay), 17)], 16, _hoisted_9$1);
+              }), toDisplayString(weekDay), 17)], 16, _hoisted_10$1);
             }), 128))], 16)], 16), createBaseVNode("tbody", mergeProps({
               ref_for: true
             }, _ctx.ptm('tableBody')), [(openBlock(true), createElementBlock(Fragment, null, renderList(month.dates, function (week, i) {
@@ -4854,7 +5054,7 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
                   },
                   ref_for: true
                 }, _ctx.ptm('weekLabel')), "0", 16)) : createCommentVNode("", true), createTextVNode(" " + toDisplayString(month.weekNumbers[i]), 1)];
-              })], 16, _hoisted_10$1)], 16)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(week, function (date) {
+              })], 16, _hoisted_11$1)], 16)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(week, function (date) {
                 return openBlock(), createElementBlock("td", mergeProps({
                   key: date.day + '' + date.month,
                   "aria-label": date.day,
@@ -4898,21 +5098,20 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
                     disabled: !date.selectable
                   }
                 }), {
-                  "data-p-disabled": !date.selectable,
-                  "data-p-selected": $options.isSelected(date),
+                  "data-p": $options.dayDataP(date),
                   "data-pc-group-section": "tablebodycelllabel"
                 }), [renderSlot(_ctx.$slots, "date", {
                   date: date
                 }, function () {
                   return [createTextVNode(toDisplayString(date.day), 1)];
-                })], 16, _hoisted_12$1)), [[_directive_ripple]]) : createCommentVNode("", true), $options.isSelected(date) ? (openBlock(), createElementBlock("div", mergeProps({
+                })], 16, _hoisted_13)), [[_directive_ripple]]) : createCommentVNode("", true), $options.isSelected(date) ? (openBlock(), createElementBlock("div", mergeProps({
                   key: 1,
                   "class": "p-hidden-accessible",
                   "aria-live": "polite",
                   ref_for: true
                 }, _ctx.ptm('hiddenSelectedDay'), {
                   "data-p-hidden-accessible": true
-                }), toDisplayString(date.day), 17)) : createCommentVNode("", true)], 16, _hoisted_11$1);
+                }), toDisplayString(date.day), 17)) : createCommentVNode("", true)], 16, _hoisted_12$1);
               }), 128))], 16);
             }), 128))], 16)], 16)) : createCommentVNode("", true)], 16);
           }), 128))], 16), $data.currentView === 'month' ? (openBlock(), createElementBlock("div", mergeProps({
@@ -4955,7 +5154,7 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
               ref_for: true
             }, _ctx.ptm('hiddenMonth'), {
               "data-p-hidden-accessible": true
-            }), toDisplayString(m.value), 17)) : createCommentVNode("", true)], 16, _hoisted_13)), [[_directive_ripple]]);
+            }), toDisplayString(m.value), 17)) : createCommentVNode("", true)], 16, _hoisted_14)), [[_directive_ripple]]);
           }), 128))], 16)) : createCommentVNode("", true), $data.currentView === 'year' ? (openBlock(), createElementBlock("div", mergeProps({
             key: 1,
             "class": _ctx.cx('yearView')
@@ -4988,91 +5187,100 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
               ref_for: true
             }, _ctx.ptm('hiddenYear'), {
               "data-p-hidden-accessible": true
-            }), toDisplayString(y.value), 17)) : createCommentVNode("", true)], 16, _hoisted_14)), [[_directive_ripple]]);
+            }), toDisplayString(y.value), 17)) : createCommentVNode("", true)], 16, _hoisted_15)), [[_directive_ripple]]);
           }), 128))], 16)) : createCommentVNode("", true)], 64)) : createCommentVNode("", true), (_ctx.showTime || _ctx.timeOnly) && $data.currentView === 'date' ? (openBlock(), createElementBlock("div", mergeProps({
             key: 1,
-            "class": _ctx.cx('timePicker')
+            "class": _ctx.cx('timePicker'),
+            "data-p": $options.timePickerDataP
           }, _ctx.ptm('timePicker')), [createBaseVNode("div", mergeProps({
             "class": _ctx.cx('hourPicker')
           }, _ctx.ptm('hourPicker'), {
             "data-pc-group-section": "timepickerContainer"
-          }), [createVNode(_component_Button, mergeProps({
-            "class": _ctx.cx('pcIncrementButton'),
-            "aria-label": _ctx.$primevue.config.locale.nextHour,
-            unstyled: _ctx.unstyled,
-            onMousedown: _cache[9] || (_cache[9] = function ($event) {
-              return $options.onTimePickerElementMouseDown($event, 0, 1);
-            }),
-            onMouseup: _cache[10] || (_cache[10] = function ($event) {
-              return $options.onTimePickerElementMouseUp($event);
-            }),
-            onKeydown: [$options.onContainerButtonKeydown, _cache[12] || (_cache[12] = withKeys(function ($event) {
-              return $options.onTimePickerElementMouseDown($event, 0, 1);
-            }, ["enter"])), _cache[13] || (_cache[13] = withKeys(function ($event) {
-              return $options.onTimePickerElementMouseDown($event, 0, 1);
-            }, ["space"]))],
-            onMouseleave: _cache[11] || (_cache[11] = function ($event) {
-              return $options.onTimePickerElementMouseLeave();
-            }),
-            onKeyup: [_cache[14] || (_cache[14] = withKeys(function ($event) {
-              return $options.onTimePickerElementMouseUp($event);
-            }, ["enter"])), _cache[15] || (_cache[15] = withKeys(function ($event) {
-              return $options.onTimePickerElementMouseUp($event);
-            }, ["space"]))]
-          }, _ctx.timepickerButtonProps, {
-            pt: _ctx.ptm('pcIncrementButton'),
-            "data-pc-group-section": "timepickerbutton"
-          }), {
-            icon: withCtx(function (slotProps) {
-              return [renderSlot(_ctx.$slots, "incrementicon", {}, function () {
-                return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.incrementIcon ? 'span' : 'ChevronUpIcon'), mergeProps({
-                  "class": [_ctx.incrementIcon, slotProps["class"]]
-                }, _ctx.ptm('pcIncrementButton')['icon'], {
-                  "data-pc-group-section": "timepickerlabel"
-                }), null, 16, ["class"]))];
-              })];
-            }),
-            _: 3
-          }, 16, ["class", "aria-label", "unstyled", "onKeydown", "pt"]), createBaseVNode("span", mergeProps(_ctx.ptm('hour'), {
+          }), [renderSlot(_ctx.$slots, "hourincrementbutton", {
+            callbacks: $options.hourIncrementCallbacks
+          }, function () {
+            return [createVNode(_component_Button, mergeProps({
+              "class": _ctx.cx('pcIncrementButton'),
+              "aria-label": _ctx.$primevue.config.locale.nextHour,
+              unstyled: _ctx.unstyled,
+              onMousedown: _cache[9] || (_cache[9] = function ($event) {
+                return $options.onTimePickerElementMouseDown($event, 0, 1);
+              }),
+              onMouseup: _cache[10] || (_cache[10] = function ($event) {
+                return $options.onTimePickerElementMouseUp($event);
+              }),
+              onKeydown: [$options.onContainerButtonKeydown, _cache[12] || (_cache[12] = withKeys(function ($event) {
+                return $options.onTimePickerElementMouseDown($event, 0, 1);
+              }, ["enter"])), _cache[13] || (_cache[13] = withKeys(function ($event) {
+                return $options.onTimePickerElementMouseDown($event, 0, 1);
+              }, ["space"]))],
+              onMouseleave: _cache[11] || (_cache[11] = function ($event) {
+                return $options.onTimePickerElementMouseLeave();
+              }),
+              onKeyup: [_cache[14] || (_cache[14] = withKeys(function ($event) {
+                return $options.onTimePickerElementMouseUp($event);
+              }, ["enter"])), _cache[15] || (_cache[15] = withKeys(function ($event) {
+                return $options.onTimePickerElementMouseUp($event);
+              }, ["space"]))]
+            }, _ctx.timepickerButtonProps, {
+              pt: _ctx.ptm('pcIncrementButton'),
+              "data-pc-group-section": "timepickerbutton"
+            }), {
+              icon: withCtx(function (slotProps) {
+                return [renderSlot(_ctx.$slots, "incrementicon", {}, function () {
+                  return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.incrementIcon ? 'span' : 'ChevronUpIcon'), mergeProps({
+                    "class": [_ctx.incrementIcon, slotProps["class"]]
+                  }, _ctx.ptm('pcIncrementButton')['icon'], {
+                    "data-pc-group-section": "timepickerlabel"
+                  }), null, 16, ["class"]))];
+                })];
+              }),
+              _: 3
+            }, 16, ["class", "aria-label", "unstyled", "onKeydown", "pt"])];
+          }), createBaseVNode("span", mergeProps(_ctx.ptm('hour'), {
             "data-pc-group-section": "timepickerlabel"
-          }), toDisplayString($options.formattedCurrentHour), 17), createVNode(_component_Button, mergeProps({
-            "class": _ctx.cx('pcDecrementButton'),
-            "aria-label": _ctx.$primevue.config.locale.prevHour,
-            unstyled: _ctx.unstyled,
-            onMousedown: _cache[16] || (_cache[16] = function ($event) {
-              return $options.onTimePickerElementMouseDown($event, 0, -1);
-            }),
-            onMouseup: _cache[17] || (_cache[17] = function ($event) {
-              return $options.onTimePickerElementMouseUp($event);
-            }),
-            onKeydown: [$options.onContainerButtonKeydown, _cache[19] || (_cache[19] = withKeys(function ($event) {
-              return $options.onTimePickerElementMouseDown($event, 0, -1);
-            }, ["enter"])), _cache[20] || (_cache[20] = withKeys(function ($event) {
-              return $options.onTimePickerElementMouseDown($event, 0, -1);
-            }, ["space"]))],
-            onMouseleave: _cache[18] || (_cache[18] = function ($event) {
-              return $options.onTimePickerElementMouseLeave();
-            }),
-            onKeyup: [_cache[21] || (_cache[21] = withKeys(function ($event) {
-              return $options.onTimePickerElementMouseUp($event);
-            }, ["enter"])), _cache[22] || (_cache[22] = withKeys(function ($event) {
-              return $options.onTimePickerElementMouseUp($event);
-            }, ["space"]))]
-          }, _ctx.timepickerButtonProps, {
-            pt: _ctx.ptm('pcDecrementButton'),
-            "data-pc-group-section": "timepickerbutton"
-          }), {
-            icon: withCtx(function (slotProps) {
-              return [renderSlot(_ctx.$slots, "decrementicon", {}, function () {
-                return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.decrementIcon ? 'span' : 'ChevronDownIcon'), mergeProps({
-                  "class": [_ctx.decrementIcon, slotProps["class"]]
-                }, _ctx.ptm('pcDecrementButton')['icon'], {
-                  "data-pc-group-section": "timepickerlabel"
-                }), null, 16, ["class"]))];
-              })];
-            }),
-            _: 3
-          }, 16, ["class", "aria-label", "unstyled", "onKeydown", "pt"])], 16), createBaseVNode("div", mergeProps(_ctx.ptm('separatorContainer'), {
+          }), toDisplayString($options.formattedCurrentHour), 17), renderSlot(_ctx.$slots, "hourdecrementbutton", {
+            callbacks: $options.hourDecrementCallbacks
+          }, function () {
+            return [createVNode(_component_Button, mergeProps({
+              "class": _ctx.cx('pcDecrementButton'),
+              "aria-label": _ctx.$primevue.config.locale.prevHour,
+              unstyled: _ctx.unstyled,
+              onMousedown: _cache[16] || (_cache[16] = function ($event) {
+                return $options.onTimePickerElementMouseDown($event, 0, -1);
+              }),
+              onMouseup: _cache[17] || (_cache[17] = function ($event) {
+                return $options.onTimePickerElementMouseUp($event);
+              }),
+              onKeydown: [$options.onContainerButtonKeydown, _cache[19] || (_cache[19] = withKeys(function ($event) {
+                return $options.onTimePickerElementMouseDown($event, 0, -1);
+              }, ["enter"])), _cache[20] || (_cache[20] = withKeys(function ($event) {
+                return $options.onTimePickerElementMouseDown($event, 0, -1);
+              }, ["space"]))],
+              onMouseleave: _cache[18] || (_cache[18] = function ($event) {
+                return $options.onTimePickerElementMouseLeave();
+              }),
+              onKeyup: [_cache[21] || (_cache[21] = withKeys(function ($event) {
+                return $options.onTimePickerElementMouseUp($event);
+              }, ["enter"])), _cache[22] || (_cache[22] = withKeys(function ($event) {
+                return $options.onTimePickerElementMouseUp($event);
+              }, ["space"]))]
+            }, _ctx.timepickerButtonProps, {
+              pt: _ctx.ptm('pcDecrementButton'),
+              "data-pc-group-section": "timepickerbutton"
+            }), {
+              icon: withCtx(function (slotProps) {
+                return [renderSlot(_ctx.$slots, "decrementicon", {}, function () {
+                  return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.decrementIcon ? 'span' : 'ChevronDownIcon'), mergeProps({
+                    "class": [_ctx.decrementIcon, slotProps["class"]]
+                  }, _ctx.ptm('pcDecrementButton')['icon'], {
+                    "data-pc-group-section": "timepickerlabel"
+                  }), null, 16, ["class"]))];
+                })];
+              }),
+              _: 3
+            }, 16, ["class", "aria-label", "unstyled", "onKeydown", "pt"])];
+          })], 16), createBaseVNode("div", mergeProps(_ctx.ptm('separatorContainer'), {
             "data-pc-group-section": "timepickerContainer"
           }), [createBaseVNode("span", mergeProps(_ctx.ptm('separator'), {
             "data-pc-group-section": "timepickerlabel"
@@ -5080,85 +5288,93 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
             "class": _ctx.cx('minutePicker')
           }, _ctx.ptm('minutePicker'), {
             "data-pc-group-section": "timepickerContainer"
-          }), [createVNode(_component_Button, mergeProps({
-            "class": _ctx.cx('pcIncrementButton'),
-            "aria-label": _ctx.$primevue.config.locale.nextMinute,
-            disabled: _ctx.disabled,
-            unstyled: _ctx.unstyled,
-            onMousedown: _cache[23] || (_cache[23] = function ($event) {
-              return $options.onTimePickerElementMouseDown($event, 1, 1);
-            }),
-            onMouseup: _cache[24] || (_cache[24] = function ($event) {
-              return $options.onTimePickerElementMouseUp($event);
-            }),
-            onKeydown: [$options.onContainerButtonKeydown, _cache[26] || (_cache[26] = withKeys(function ($event) {
-              return $options.onTimePickerElementMouseDown($event, 1, 1);
-            }, ["enter"])), _cache[27] || (_cache[27] = withKeys(function ($event) {
-              return $options.onTimePickerElementMouseDown($event, 1, 1);
-            }, ["space"]))],
-            onMouseleave: _cache[25] || (_cache[25] = function ($event) {
-              return $options.onTimePickerElementMouseLeave();
-            }),
-            onKeyup: [_cache[28] || (_cache[28] = withKeys(function ($event) {
-              return $options.onTimePickerElementMouseUp($event);
-            }, ["enter"])), _cache[29] || (_cache[29] = withKeys(function ($event) {
-              return $options.onTimePickerElementMouseUp($event);
-            }, ["space"]))]
-          }, _ctx.timepickerButtonProps, {
-            pt: _ctx.ptm('pcIncrementButton'),
-            "data-pc-group-section": "timepickerbutton"
-          }), {
-            icon: withCtx(function (slotProps) {
-              return [renderSlot(_ctx.$slots, "incrementicon", {}, function () {
-                return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.incrementIcon ? 'span' : 'ChevronUpIcon'), mergeProps({
-                  "class": [_ctx.incrementIcon, slotProps["class"]]
-                }, _ctx.ptm('pcIncrementButton')['icon'], {
-                  "data-pc-group-section": "timepickerlabel"
-                }), null, 16, ["class"]))];
-              })];
-            }),
-            _: 3
-          }, 16, ["class", "aria-label", "disabled", "unstyled", "onKeydown", "pt"]), createBaseVNode("span", mergeProps(_ctx.ptm('minute'), {
+          }), [renderSlot(_ctx.$slots, "minuteincrementbutton", {
+            callbacks: $options.minuteIncrementCallbacks
+          }, function () {
+            return [createVNode(_component_Button, mergeProps({
+              "class": _ctx.cx('pcIncrementButton'),
+              "aria-label": _ctx.$primevue.config.locale.nextMinute,
+              disabled: _ctx.disabled,
+              unstyled: _ctx.unstyled,
+              onMousedown: _cache[23] || (_cache[23] = function ($event) {
+                return $options.onTimePickerElementMouseDown($event, 1, 1);
+              }),
+              onMouseup: _cache[24] || (_cache[24] = function ($event) {
+                return $options.onTimePickerElementMouseUp($event);
+              }),
+              onKeydown: [$options.onContainerButtonKeydown, _cache[26] || (_cache[26] = withKeys(function ($event) {
+                return $options.onTimePickerElementMouseDown($event, 1, 1);
+              }, ["enter"])), _cache[27] || (_cache[27] = withKeys(function ($event) {
+                return $options.onTimePickerElementMouseDown($event, 1, 1);
+              }, ["space"]))],
+              onMouseleave: _cache[25] || (_cache[25] = function ($event) {
+                return $options.onTimePickerElementMouseLeave();
+              }),
+              onKeyup: [_cache[28] || (_cache[28] = withKeys(function ($event) {
+                return $options.onTimePickerElementMouseUp($event);
+              }, ["enter"])), _cache[29] || (_cache[29] = withKeys(function ($event) {
+                return $options.onTimePickerElementMouseUp($event);
+              }, ["space"]))]
+            }, _ctx.timepickerButtonProps, {
+              pt: _ctx.ptm('pcIncrementButton'),
+              "data-pc-group-section": "timepickerbutton"
+            }), {
+              icon: withCtx(function (slotProps) {
+                return [renderSlot(_ctx.$slots, "incrementicon", {}, function () {
+                  return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.incrementIcon ? 'span' : 'ChevronUpIcon'), mergeProps({
+                    "class": [_ctx.incrementIcon, slotProps["class"]]
+                  }, _ctx.ptm('pcIncrementButton')['icon'], {
+                    "data-pc-group-section": "timepickerlabel"
+                  }), null, 16, ["class"]))];
+                })];
+              }),
+              _: 3
+            }, 16, ["class", "aria-label", "disabled", "unstyled", "onKeydown", "pt"])];
+          }), createBaseVNode("span", mergeProps(_ctx.ptm('minute'), {
             "data-pc-group-section": "timepickerlabel"
-          }), toDisplayString($options.formattedCurrentMinute), 17), createVNode(_component_Button, mergeProps({
-            "class": _ctx.cx('pcDecrementButton'),
-            "aria-label": _ctx.$primevue.config.locale.prevMinute,
-            disabled: _ctx.disabled,
-            unstyled: _ctx.unstyled,
-            onMousedown: _cache[30] || (_cache[30] = function ($event) {
-              return $options.onTimePickerElementMouseDown($event, 1, -1);
-            }),
-            onMouseup: _cache[31] || (_cache[31] = function ($event) {
-              return $options.onTimePickerElementMouseUp($event);
-            }),
-            onKeydown: [$options.onContainerButtonKeydown, _cache[33] || (_cache[33] = withKeys(function ($event) {
-              return $options.onTimePickerElementMouseDown($event, 1, -1);
-            }, ["enter"])), _cache[34] || (_cache[34] = withKeys(function ($event) {
-              return $options.onTimePickerElementMouseDown($event, 1, -1);
-            }, ["space"]))],
-            onMouseleave: _cache[32] || (_cache[32] = function ($event) {
-              return $options.onTimePickerElementMouseLeave();
-            }),
-            onKeyup: [_cache[35] || (_cache[35] = withKeys(function ($event) {
-              return $options.onTimePickerElementMouseUp($event);
-            }, ["enter"])), _cache[36] || (_cache[36] = withKeys(function ($event) {
-              return $options.onTimePickerElementMouseUp($event);
-            }, ["space"]))]
-          }, _ctx.timepickerButtonProps, {
-            pt: _ctx.ptm('pcDecrementButton'),
-            "data-pc-group-section": "timepickerbutton"
-          }), {
-            icon: withCtx(function (slotProps) {
-              return [renderSlot(_ctx.$slots, "decrementicon", {}, function () {
-                return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.decrementIcon ? 'span' : 'ChevronDownIcon'), mergeProps({
-                  "class": [_ctx.decrementIcon, slotProps["class"]]
-                }, _ctx.ptm('pcDecrementButton')['icon'], {
-                  "data-pc-group-section": "timepickerlabel"
-                }), null, 16, ["class"]))];
-              })];
-            }),
-            _: 3
-          }, 16, ["class", "aria-label", "disabled", "unstyled", "onKeydown", "pt"])], 16), _ctx.showSeconds ? (openBlock(), createElementBlock("div", mergeProps({
+          }), toDisplayString($options.formattedCurrentMinute), 17), renderSlot(_ctx.$slots, "minutedecrementbutton", {
+            callbacks: $options.minuteDecrementCallbacks
+          }, function () {
+            return [createVNode(_component_Button, mergeProps({
+              "class": _ctx.cx('pcDecrementButton'),
+              "aria-label": _ctx.$primevue.config.locale.prevMinute,
+              disabled: _ctx.disabled,
+              unstyled: _ctx.unstyled,
+              onMousedown: _cache[30] || (_cache[30] = function ($event) {
+                return $options.onTimePickerElementMouseDown($event, 1, -1);
+              }),
+              onMouseup: _cache[31] || (_cache[31] = function ($event) {
+                return $options.onTimePickerElementMouseUp($event);
+              }),
+              onKeydown: [$options.onContainerButtonKeydown, _cache[33] || (_cache[33] = withKeys(function ($event) {
+                return $options.onTimePickerElementMouseDown($event, 1, -1);
+              }, ["enter"])), _cache[34] || (_cache[34] = withKeys(function ($event) {
+                return $options.onTimePickerElementMouseDown($event, 1, -1);
+              }, ["space"]))],
+              onMouseleave: _cache[32] || (_cache[32] = function ($event) {
+                return $options.onTimePickerElementMouseLeave();
+              }),
+              onKeyup: [_cache[35] || (_cache[35] = withKeys(function ($event) {
+                return $options.onTimePickerElementMouseUp($event);
+              }, ["enter"])), _cache[36] || (_cache[36] = withKeys(function ($event) {
+                return $options.onTimePickerElementMouseUp($event);
+              }, ["space"]))]
+            }, _ctx.timepickerButtonProps, {
+              pt: _ctx.ptm('pcDecrementButton'),
+              "data-pc-group-section": "timepickerbutton"
+            }), {
+              icon: withCtx(function (slotProps) {
+                return [renderSlot(_ctx.$slots, "decrementicon", {}, function () {
+                  return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.decrementIcon ? 'span' : 'ChevronDownIcon'), mergeProps({
+                    "class": [_ctx.decrementIcon, slotProps["class"]]
+                  }, _ctx.ptm('pcDecrementButton')['icon'], {
+                    "data-pc-group-section": "timepickerlabel"
+                  }), null, 16, ["class"]))];
+                })];
+              }),
+              _: 3
+            }, 16, ["class", "aria-label", "disabled", "unstyled", "onKeydown", "pt"])];
+          })], 16), _ctx.showSeconds ? (openBlock(), createElementBlock("div", mergeProps({
             key: 0,
             "class": _ctx.cx('separatorContainer')
           }, _ctx.ptm('separatorContainer'), {
@@ -5170,85 +5386,93 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
             "class": _ctx.cx('secondPicker')
           }, _ctx.ptm('secondPicker'), {
             "data-pc-group-section": "timepickerContainer"
-          }), [createVNode(_component_Button, mergeProps({
-            "class": _ctx.cx('pcIncrementButton'),
-            "aria-label": _ctx.$primevue.config.locale.nextSecond,
-            disabled: _ctx.disabled,
-            unstyled: _ctx.unstyled,
-            onMousedown: _cache[37] || (_cache[37] = function ($event) {
-              return $options.onTimePickerElementMouseDown($event, 2, 1);
-            }),
-            onMouseup: _cache[38] || (_cache[38] = function ($event) {
-              return $options.onTimePickerElementMouseUp($event);
-            }),
-            onKeydown: [$options.onContainerButtonKeydown, _cache[40] || (_cache[40] = withKeys(function ($event) {
-              return $options.onTimePickerElementMouseDown($event, 2, 1);
-            }, ["enter"])), _cache[41] || (_cache[41] = withKeys(function ($event) {
-              return $options.onTimePickerElementMouseDown($event, 2, 1);
-            }, ["space"]))],
-            onMouseleave: _cache[39] || (_cache[39] = function ($event) {
-              return $options.onTimePickerElementMouseLeave();
-            }),
-            onKeyup: [_cache[42] || (_cache[42] = withKeys(function ($event) {
-              return $options.onTimePickerElementMouseUp($event);
-            }, ["enter"])), _cache[43] || (_cache[43] = withKeys(function ($event) {
-              return $options.onTimePickerElementMouseUp($event);
-            }, ["space"]))]
-          }, _ctx.timepickerButtonProps, {
-            pt: _ctx.ptm('pcIncrementButton'),
-            "data-pc-group-section": "timepickerbutton"
-          }), {
-            icon: withCtx(function (slotProps) {
-              return [renderSlot(_ctx.$slots, "incrementicon", {}, function () {
-                return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.incrementIcon ? 'span' : 'ChevronUpIcon'), mergeProps({
-                  "class": [_ctx.incrementIcon, slotProps["class"]]
-                }, _ctx.ptm('pcIncrementButton')['icon'], {
-                  "data-pc-group-section": "timepickerlabel"
-                }), null, 16, ["class"]))];
-              })];
-            }),
-            _: 3
-          }, 16, ["class", "aria-label", "disabled", "unstyled", "onKeydown", "pt"]), createBaseVNode("span", mergeProps(_ctx.ptm('second'), {
+          }), [renderSlot(_ctx.$slots, "secondincrementbutton", {
+            callbacks: $options.secondIncrementCallbacks
+          }, function () {
+            return [createVNode(_component_Button, mergeProps({
+              "class": _ctx.cx('pcIncrementButton'),
+              "aria-label": _ctx.$primevue.config.locale.nextSecond,
+              disabled: _ctx.disabled,
+              unstyled: _ctx.unstyled,
+              onMousedown: _cache[37] || (_cache[37] = function ($event) {
+                return $options.onTimePickerElementMouseDown($event, 2, 1);
+              }),
+              onMouseup: _cache[38] || (_cache[38] = function ($event) {
+                return $options.onTimePickerElementMouseUp($event);
+              }),
+              onKeydown: [$options.onContainerButtonKeydown, _cache[40] || (_cache[40] = withKeys(function ($event) {
+                return $options.onTimePickerElementMouseDown($event, 2, 1);
+              }, ["enter"])), _cache[41] || (_cache[41] = withKeys(function ($event) {
+                return $options.onTimePickerElementMouseDown($event, 2, 1);
+              }, ["space"]))],
+              onMouseleave: _cache[39] || (_cache[39] = function ($event) {
+                return $options.onTimePickerElementMouseLeave();
+              }),
+              onKeyup: [_cache[42] || (_cache[42] = withKeys(function ($event) {
+                return $options.onTimePickerElementMouseUp($event);
+              }, ["enter"])), _cache[43] || (_cache[43] = withKeys(function ($event) {
+                return $options.onTimePickerElementMouseUp($event);
+              }, ["space"]))]
+            }, _ctx.timepickerButtonProps, {
+              pt: _ctx.ptm('pcIncrementButton'),
+              "data-pc-group-section": "timepickerbutton"
+            }), {
+              icon: withCtx(function (slotProps) {
+                return [renderSlot(_ctx.$slots, "incrementicon", {}, function () {
+                  return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.incrementIcon ? 'span' : 'ChevronUpIcon'), mergeProps({
+                    "class": [_ctx.incrementIcon, slotProps["class"]]
+                  }, _ctx.ptm('pcIncrementButton')['icon'], {
+                    "data-pc-group-section": "timepickerlabel"
+                  }), null, 16, ["class"]))];
+                })];
+              }),
+              _: 3
+            }, 16, ["class", "aria-label", "disabled", "unstyled", "onKeydown", "pt"])];
+          }), createBaseVNode("span", mergeProps(_ctx.ptm('second'), {
             "data-pc-group-section": "timepickerlabel"
-          }), toDisplayString($options.formattedCurrentSecond), 17), createVNode(_component_Button, mergeProps({
-            "class": _ctx.cx('pcDecrementButton'),
-            "aria-label": _ctx.$primevue.config.locale.prevSecond,
-            disabled: _ctx.disabled,
-            unstyled: _ctx.unstyled,
-            onMousedown: _cache[44] || (_cache[44] = function ($event) {
-              return $options.onTimePickerElementMouseDown($event, 2, -1);
-            }),
-            onMouseup: _cache[45] || (_cache[45] = function ($event) {
-              return $options.onTimePickerElementMouseUp($event);
-            }),
-            onKeydown: [$options.onContainerButtonKeydown, _cache[47] || (_cache[47] = withKeys(function ($event) {
-              return $options.onTimePickerElementMouseDown($event, 2, -1);
-            }, ["enter"])), _cache[48] || (_cache[48] = withKeys(function ($event) {
-              return $options.onTimePickerElementMouseDown($event, 2, -1);
-            }, ["space"]))],
-            onMouseleave: _cache[46] || (_cache[46] = function ($event) {
-              return $options.onTimePickerElementMouseLeave();
-            }),
-            onKeyup: [_cache[49] || (_cache[49] = withKeys(function ($event) {
-              return $options.onTimePickerElementMouseUp($event);
-            }, ["enter"])), _cache[50] || (_cache[50] = withKeys(function ($event) {
-              return $options.onTimePickerElementMouseUp($event);
-            }, ["space"]))]
-          }, _ctx.timepickerButtonProps, {
-            pt: _ctx.ptm('pcDecrementButton'),
-            "data-pc-group-section": "timepickerbutton"
-          }), {
-            icon: withCtx(function (slotProps) {
-              return [renderSlot(_ctx.$slots, "decrementicon", {}, function () {
-                return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.decrementIcon ? 'span' : 'ChevronDownIcon'), mergeProps({
-                  "class": [_ctx.decrementIcon, slotProps["class"]]
-                }, _ctx.ptm('pcDecrementButton')['icon'], {
-                  "data-pc-group-section": "timepickerlabel"
-                }), null, 16, ["class"]))];
-              })];
-            }),
-            _: 3
-          }, 16, ["class", "aria-label", "disabled", "unstyled", "onKeydown", "pt"])], 16)) : createCommentVNode("", true), _ctx.hourFormat == '12' ? (openBlock(), createElementBlock("div", mergeProps({
+          }), toDisplayString($options.formattedCurrentSecond), 17), renderSlot(_ctx.$slots, "seconddecrementbutton", {
+            callbacks: $options.secondDecrementCallbacks
+          }, function () {
+            return [createVNode(_component_Button, mergeProps({
+              "class": _ctx.cx('pcDecrementButton'),
+              "aria-label": _ctx.$primevue.config.locale.prevSecond,
+              disabled: _ctx.disabled,
+              unstyled: _ctx.unstyled,
+              onMousedown: _cache[44] || (_cache[44] = function ($event) {
+                return $options.onTimePickerElementMouseDown($event, 2, -1);
+              }),
+              onMouseup: _cache[45] || (_cache[45] = function ($event) {
+                return $options.onTimePickerElementMouseUp($event);
+              }),
+              onKeydown: [$options.onContainerButtonKeydown, _cache[47] || (_cache[47] = withKeys(function ($event) {
+                return $options.onTimePickerElementMouseDown($event, 2, -1);
+              }, ["enter"])), _cache[48] || (_cache[48] = withKeys(function ($event) {
+                return $options.onTimePickerElementMouseDown($event, 2, -1);
+              }, ["space"]))],
+              onMouseleave: _cache[46] || (_cache[46] = function ($event) {
+                return $options.onTimePickerElementMouseLeave();
+              }),
+              onKeyup: [_cache[49] || (_cache[49] = withKeys(function ($event) {
+                return $options.onTimePickerElementMouseUp($event);
+              }, ["enter"])), _cache[50] || (_cache[50] = withKeys(function ($event) {
+                return $options.onTimePickerElementMouseUp($event);
+              }, ["space"]))]
+            }, _ctx.timepickerButtonProps, {
+              pt: _ctx.ptm('pcDecrementButton'),
+              "data-pc-group-section": "timepickerbutton"
+            }), {
+              icon: withCtx(function (slotProps) {
+                return [renderSlot(_ctx.$slots, "decrementicon", {}, function () {
+                  return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.decrementIcon ? 'span' : 'ChevronDownIcon'), mergeProps({
+                    "class": [_ctx.decrementIcon, slotProps["class"]]
+                  }, _ctx.ptm('pcDecrementButton')['icon'], {
+                    "data-pc-group-section": "timepickerlabel"
+                  }), null, 16, ["class"]))];
+                })];
+              }),
+              _: 3
+            }, 16, ["class", "aria-label", "disabled", "unstyled", "onKeydown", "pt"])];
+          })], 16)) : createCommentVNode("", true), _ctx.hourFormat == '12' ? (openBlock(), createElementBlock("div", mergeProps({
             key: 2,
             "class": _ctx.cx('separatorContainer')
           }, _ctx.ptm('separatorContainer'), {
@@ -5258,83 +5482,119 @@ function render$7(_ctx, _cache, $props, $setup, $data, $options) {
           }), toDisplayString(_ctx.timeSeparator), 17)], 16)) : createCommentVNode("", true), _ctx.hourFormat == '12' ? (openBlock(), createElementBlock("div", mergeProps({
             key: 3,
             "class": _ctx.cx('ampmPicker')
-          }, _ctx.ptm('ampmPicker')), [createVNode(_component_Button, mergeProps({
-            "class": _ctx.cx('pcIncrementButton'),
-            "aria-label": _ctx.$primevue.config.locale.am,
-            disabled: _ctx.disabled,
-            unstyled: _ctx.unstyled,
-            onClick: _cache[51] || (_cache[51] = function ($event) {
-              return $options.toggleAMPM($event);
-            }),
-            onKeydown: $options.onContainerButtonKeydown
-          }, _ctx.timepickerButtonProps, {
-            pt: _ctx.ptm('pcIncrementButton'),
-            "data-pc-group-section": "timepickerbutton"
-          }), {
-            icon: withCtx(function (slotProps) {
-              return [renderSlot(_ctx.$slots, "incrementicon", {
-                "class": normalizeClass(_ctx.cx('incrementIcon'))
-              }, function () {
-                return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.incrementIcon ? 'span' : 'ChevronUpIcon'), mergeProps({
-                  "class": [_ctx.cx('incrementIcon'), slotProps["class"]]
-                }, _ctx.ptm('pcIncrementButton')['icon'], {
-                  "data-pc-group-section": "timepickerlabel"
-                }), null, 16, ["class"]))];
-              })];
-            }),
-            _: 3
-          }, 16, ["class", "aria-label", "disabled", "unstyled", "onKeydown", "pt"]), createBaseVNode("span", mergeProps(_ctx.ptm('ampm'), {
+          }, _ctx.ptm('ampmPicker')), [renderSlot(_ctx.$slots, "ampmincrementbutton", {
+            toggleCallback: function toggleCallback(event) {
+              return $options.toggleAMPM(event);
+            },
+            keydownCallback: function keydownCallback(event) {
+              return $options.onContainerButtonKeydown(event);
+            }
+          }, function () {
+            return [createVNode(_component_Button, mergeProps({
+              "class": _ctx.cx('pcIncrementButton'),
+              "aria-label": _ctx.$primevue.config.locale.am,
+              disabled: _ctx.disabled,
+              unstyled: _ctx.unstyled,
+              onClick: _cache[51] || (_cache[51] = function ($event) {
+                return $options.toggleAMPM($event);
+              }),
+              onKeydown: $options.onContainerButtonKeydown
+            }, _ctx.timepickerButtonProps, {
+              pt: _ctx.ptm('pcIncrementButton'),
+              "data-pc-group-section": "timepickerbutton"
+            }), {
+              icon: withCtx(function (slotProps) {
+                return [renderSlot(_ctx.$slots, "incrementicon", {
+                  "class": normalizeClass(_ctx.cx('incrementIcon'))
+                }, function () {
+                  return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.incrementIcon ? 'span' : 'ChevronUpIcon'), mergeProps({
+                    "class": [_ctx.cx('incrementIcon'), slotProps["class"]]
+                  }, _ctx.ptm('pcIncrementButton')['icon'], {
+                    "data-pc-group-section": "timepickerlabel"
+                  }), null, 16, ["class"]))];
+                })];
+              }),
+              _: 3
+            }, 16, ["class", "aria-label", "disabled", "unstyled", "onKeydown", "pt"])];
+          }), createBaseVNode("span", mergeProps(_ctx.ptm('ampm'), {
             "data-pc-group-section": "timepickerlabel"
-          }), toDisplayString($data.pm ? _ctx.$primevue.config.locale.pm : _ctx.$primevue.config.locale.am), 17), createVNode(_component_Button, mergeProps({
-            "class": _ctx.cx('pcDecrementButton'),
-            "aria-label": _ctx.$primevue.config.locale.pm,
-            disabled: _ctx.disabled,
-            onClick: _cache[52] || (_cache[52] = function ($event) {
-              return $options.toggleAMPM($event);
-            }),
-            onKeydown: $options.onContainerButtonKeydown
-          }, _ctx.timepickerButtonProps, {
-            pt: _ctx.ptm('pcDecrementButton'),
-            "data-pc-group-section": "timepickerbutton"
-          }), {
-            icon: withCtx(function (slotProps) {
-              return [renderSlot(_ctx.$slots, "decrementicon", {
-                "class": normalizeClass(_ctx.cx('decrementIcon'))
-              }, function () {
-                return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.decrementIcon ? 'span' : 'ChevronDownIcon'), mergeProps({
-                  "class": [_ctx.cx('decrementIcon'), slotProps["class"]]
-                }, _ctx.ptm('pcDecrementButton')['icon'], {
-                  "data-pc-group-section": "timepickerlabel"
-                }), null, 16, ["class"]))];
-              })];
-            }),
-            _: 3
-          }, 16, ["class", "aria-label", "disabled", "onKeydown", "pt"])], 16)) : createCommentVNode("", true)], 16)) : createCommentVNode("", true), _ctx.showButtonBar ? (openBlock(), createElementBlock("div", mergeProps({
+          }), toDisplayString($data.pm ? _ctx.$primevue.config.locale.pm : _ctx.$primevue.config.locale.am), 17), renderSlot(_ctx.$slots, "ampmdecrementbutton", {
+            toggleCallback: function toggleCallback(event) {
+              return $options.toggleAMPM(event);
+            },
+            keydownCallback: function keydownCallback(event) {
+              return $options.onContainerButtonKeydown(event);
+            }
+          }, function () {
+            return [createVNode(_component_Button, mergeProps({
+              "class": _ctx.cx('pcDecrementButton'),
+              "aria-label": _ctx.$primevue.config.locale.pm,
+              disabled: _ctx.disabled,
+              onClick: _cache[52] || (_cache[52] = function ($event) {
+                return $options.toggleAMPM($event);
+              }),
+              onKeydown: $options.onContainerButtonKeydown
+            }, _ctx.timepickerButtonProps, {
+              pt: _ctx.ptm('pcDecrementButton'),
+              "data-pc-group-section": "timepickerbutton"
+            }), {
+              icon: withCtx(function (slotProps) {
+                return [renderSlot(_ctx.$slots, "decrementicon", {
+                  "class": normalizeClass(_ctx.cx('decrementIcon'))
+                }, function () {
+                  return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.decrementIcon ? 'span' : 'ChevronDownIcon'), mergeProps({
+                    "class": [_ctx.cx('decrementIcon'), slotProps["class"]]
+                  }, _ctx.ptm('pcDecrementButton')['icon'], {
+                    "data-pc-group-section": "timepickerlabel"
+                  }), null, 16, ["class"]))];
+                })];
+              }),
+              _: 3
+            }, 16, ["class", "aria-label", "disabled", "onKeydown", "pt"])];
+          })], 16)) : createCommentVNode("", true)], 16, _hoisted_16)) : createCommentVNode("", true), _ctx.showButtonBar ? (openBlock(), createElementBlock("div", mergeProps({
             key: 2,
             "class": _ctx.cx('buttonbar')
-          }, _ctx.ptm('buttonbar')), [createVNode(_component_Button, mergeProps({
-            label: $options.todayLabel,
-            onClick: _cache[53] || (_cache[53] = function ($event) {
-              return $options.onTodayButtonClick($event);
-            }),
-            "class": _ctx.cx('pcTodayButton'),
-            unstyled: _ctx.unstyled,
-            onKeydown: $options.onContainerButtonKeydown
-          }, _ctx.todayButtonProps, {
-            pt: _ctx.ptm('pcTodayButton'),
-            "data-pc-group-section": "button"
-          }), null, 16, ["label", "class", "unstyled", "onKeydown", "pt"]), createVNode(_component_Button, mergeProps({
-            label: $options.clearLabel,
-            onClick: _cache[54] || (_cache[54] = function ($event) {
-              return $options.onClearButtonClick($event);
-            }),
-            "class": _ctx.cx('pcClearButton'),
-            unstyled: _ctx.unstyled,
-            onKeydown: $options.onContainerButtonKeydown
-          }, _ctx.clearButtonProps, {
-            pt: _ctx.ptm('pcClearButton'),
-            "data-pc-group-section": "button"
-          }), null, 16, ["label", "class", "unstyled", "onKeydown", "pt"])], 16)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "footer")], 16, _hoisted_3$3)) : createCommentVNode("", true)];
+          }, _ctx.ptm('buttonbar')), [renderSlot(_ctx.$slots, "todaybutton", {
+            actionCallback: function actionCallback(event) {
+              return $options.onTodayButtonClick(event);
+            },
+            keydownCallback: function keydownCallback(event) {
+              return $options.onContainerButtonKeydown(event);
+            }
+          }, function () {
+            return [createVNode(_component_Button, mergeProps({
+              label: $options.todayLabel,
+              onClick: _cache[53] || (_cache[53] = function ($event) {
+                return $options.onTodayButtonClick($event);
+              }),
+              "class": _ctx.cx('pcTodayButton'),
+              unstyled: _ctx.unstyled,
+              onKeydown: $options.onContainerButtonKeydown
+            }, _ctx.todayButtonProps, {
+              pt: _ctx.ptm('pcTodayButton'),
+              "data-pc-group-section": "button"
+            }), null, 16, ["label", "class", "unstyled", "onKeydown", "pt"])];
+          }), renderSlot(_ctx.$slots, "clearbutton", {
+            actionCallback: function actionCallback(event) {
+              return $options.onClearButtonClick(event);
+            },
+            keydownCallback: function keydownCallback(event) {
+              return $options.onContainerButtonKeydown(event);
+            }
+          }, function () {
+            return [createVNode(_component_Button, mergeProps({
+              label: $options.clearLabel,
+              onClick: _cache[54] || (_cache[54] = function ($event) {
+                return $options.onClearButtonClick($event);
+              }),
+              "class": _ctx.cx('pcClearButton'),
+              unstyled: _ctx.unstyled,
+              onKeydown: $options.onContainerButtonKeydown
+            }, _ctx.clearButtonProps, {
+              pt: _ctx.ptm('pcClearButton'),
+              "data-pc-group-section": "button"
+            }), null, 16, ["label", "class", "unstyled", "onKeydown", "pt"])];
+          })], 16)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "footer")], 16, _hoisted_4$3)) : createCommentVNode("", true)];
         }),
         _: 3
       }, 16, ["onAfterEnter", "onAfterLeave", "onLeave"])];
@@ -5570,6 +5830,10 @@ var script$1$2 = {
     ariaLabel: {
       type: String,
       "default": null
+    },
+    required: {
+      type: Boolean,
+      "default": false
     }
   },
   style: InputNumberStyle,
@@ -5581,12 +5845,12 @@ var script$1$2 = {
   }
 };
 
-function _typeof$2(o) { "@babel/helpers - typeof"; return _typeof$2 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof$2(o); }
+function _typeof$3(o) { "@babel/helpers - typeof"; return _typeof$3 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof$3(o); }
 function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) { _defineProperty$2(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty$2(e, r, t) { return (r = _toPropertyKey$2(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
-function _toPropertyKey$2(t) { var i = _toPrimitive$2(t, "string"); return "symbol" == _typeof$2(i) ? i : i + ""; }
-function _toPrimitive$2(t, r) { if ("object" != _typeof$2(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != _typeof$2(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) { _defineProperty$3(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty$3(e, r, t) { return (r = _toPropertyKey$3(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
+function _toPropertyKey$3(t) { var i = _toPrimitive$3(t, "string"); return "symbol" == _typeof$3(i) ? i : i + ""; }
+function _toPrimitive$3(t, r) { if ("object" != _typeof$3(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != _typeof$3(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
@@ -6305,13 +6569,7 @@ var script$5 = {
           this.$refs.input.$el.setSelectionRange(_selectionEnd, _selectionEnd);
         } else if (newLength === currentLength) {
           if (operation === 'insert' || operation === 'delete-back-single') {
-            var newSelectionEnd = _selectionEnd;
-            if (insertedValueStr === '0') {
-              newSelectionEnd = _selectionEnd + 1;
-            } else {
-              newSelectionEnd = newSelectionEnd + Number(this.isDecimalSign(value) || this.isDecimalSign(insertedValueStr));
-            }
-            this.$refs.input.$el.setSelectionRange(newSelectionEnd, newSelectionEnd);
+            this.$refs.input.$el.setSelectionRange(_selectionEnd + 1, _selectionEnd + 1);
           } else if (operation === 'delete-single') {
             this.$refs.input.$el.setSelectionRange(_selectionEnd - 1, _selectionEnd - 1);
           } else if (operation === 'delete-range' || operation === 'spin') {
@@ -6450,7 +6708,7 @@ var script$5 = {
       return this.numberFormat;
     },
     dataP: function dataP() {
-      return cn(_defineProperty$2(_defineProperty$2({
+      return cn(_defineProperty$3(_defineProperty$3({
         invalid: this.$invalid,
         fluid: this.$fluid,
         filled: this.$variant === 'filled'
@@ -6465,8 +6723,8 @@ var script$5 = {
 };
 
 var _hoisted_1$6 = ["data-p"];
-var _hoisted_2$2 = ["data-p"];
-var _hoisted_3$2 = ["disabled", "data-p"];
+var _hoisted_2$3 = ["data-p"];
+var _hoisted_3$3 = ["disabled", "data-p"];
 var _hoisted_4$2 = ["disabled", "data-p"];
 var _hoisted_5$2 = ["disabled", "data-p"];
 var _hoisted_6$1 = ["disabled", "data-p"];
@@ -6493,6 +6751,7 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
     placeholder: _ctx.placeholder,
     "aria-labelledby": _ctx.ariaLabelledby,
     "aria-label": _ctx.ariaLabel,
+    required: _ctx.required,
     size: _ctx.size,
     invalid: _ctx.invalid,
     variant: _ctx.variant,
@@ -6506,7 +6765,7 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
     pt: _ctx.ptm('pcInputText'),
     unstyled: _ctx.unstyled,
     "data-p": $options.dataP
-  }, null, 8, ["id", "name", "class", "style", "value", "aria-valuemin", "aria-valuemax", "aria-valuenow", "inputmode", "disabled", "readonly", "placeholder", "aria-labelledby", "aria-label", "size", "invalid", "variant", "onInput", "onKeydown", "onKeypress", "onPaste", "onClick", "onFocus", "onBlur", "pt", "unstyled", "data-p"]), _ctx.showButtons && _ctx.buttonLayout === 'stacked' ? (openBlock(), createElementBlock("span", mergeProps({
+  }, null, 8, ["id", "name", "class", "style", "value", "aria-valuemin", "aria-valuemax", "aria-valuenow", "inputmode", "disabled", "readonly", "placeholder", "aria-labelledby", "aria-label", "required", "size", "invalid", "variant", "onInput", "onKeydown", "onKeypress", "onPaste", "onClick", "onFocus", "onBlur", "pt", "unstyled", "data-p"]), _ctx.showButtons && _ctx.buttonLayout === 'stacked' ? (openBlock(), createElementBlock("span", mergeProps({
     key: 0,
     "class": _ctx.cx('buttonGroup')
   }, _ctx.ptm('buttonGroup'), {
@@ -6529,7 +6788,7 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
       }, _ctx.ptm('incrementIcon'), {
         "data-pc-section": "incrementicon"
       }), null, 16, ["class"]))];
-    })], 16, _hoisted_3$2)];
+    })], 16, _hoisted_3$3)];
   }), renderSlot(_ctx.$slots, "decrementbutton", {
     listeners: $options.downButtonListeners
   }, function () {
@@ -6549,7 +6808,7 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
         "data-pc-section": "decrementicon"
       }), null, 16, ["class"]))];
     })], 16, _hoisted_4$2)];
-  })], 16, _hoisted_2$2)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "incrementbutton", {
+  })], 16, _hoisted_2$3)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "incrementbutton", {
     listeners: $options.upButtonListeners
   }, function () {
     return [_ctx.showButtons && _ctx.buttonLayout !== 'stacked' ? (openBlock(), createElementBlock("button", mergeProps({
@@ -6826,6 +7085,10 @@ var script$1$1 = {
   }
 };
 
+function _typeof$1(o) { "@babel/helpers - typeof"; return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof$1(o); }
+function _defineProperty$1(e, r, t) { return (r = _toPropertyKey$1(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
+function _toPropertyKey$1(t) { var i = _toPrimitive$1(t, "string"); return "symbol" == _typeof$1(i) ? i : i + ""; }
+function _toPrimitive$1(t, r) { if ("object" != _typeof$1(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != _typeof$1(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var script$2 = {
   name: 'Password',
   "extends": script$1$1,
@@ -6871,8 +7134,7 @@ var script$2 = {
       ZIndex.set('overlay', el, this.$primevue.config.zIndex.overlay);
       addStyle(el, {
         position: 'absolute',
-        top: '0',
-        left: '0'
+        top: '0'
       });
       this.alignOverlay();
       this.bindScrollListener();
@@ -7052,6 +7314,18 @@ var script$2 = {
     },
     overlayUniqueId: function overlayUniqueId() {
       return this.$id + '_overlay';
+    },
+    containerDataP: function containerDataP() {
+      return cn({
+        fluid: this.$fluid
+      });
+    },
+    meterDataP: function meterDataP() {
+      var _this$meter, _this$meter2;
+      return cn(_defineProperty$1({}, (_this$meter = this.meter) === null || _this$meter === void 0 ? void 0 : _this$meter.strength, (_this$meter2 = this.meter) === null || _this$meter2 === void 0 ? void 0 : _this$meter2.strength));
+    },
+    overlayDataP: function overlayDataP() {
+      return cn(_defineProperty$1({}, 'portal-' + this.appendTo, 'portal-' + this.appendTo));
     }
   },
   components: {
@@ -7062,19 +7336,22 @@ var script$2 = {
   }
 };
 
-function _typeof$1(o) { "@babel/helpers - typeof"; return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof$1(o); }
+function _typeof$2(o) { "@babel/helpers - typeof"; return _typeof$2 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof$2(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty$1(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty$1(e, r, t) { return (r = _toPropertyKey$1(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
-function _toPropertyKey$1(t) { var i = _toPrimitive$1(t, "string"); return "symbol" == _typeof$1(i) ? i : i + ""; }
-function _toPrimitive$1(t, r) { if ("object" != _typeof$1(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != _typeof$1(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-var _hoisted_1$5 = ["id"];
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty$2(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty$2(e, r, t) { return (r = _toPropertyKey$2(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
+function _toPropertyKey$2(t) { var i = _toPrimitive$2(t, "string"); return "symbol" == _typeof$2(i) ? i : i + ""; }
+function _toPrimitive$2(t, r) { if ("object" != _typeof$2(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != _typeof$2(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var _hoisted_1$5 = ["data-p"];
+var _hoisted_2$2 = ["id", "data-p"];
+var _hoisted_3$2 = ["data-p"];
 function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_InputText = resolveComponent("InputText");
   var _component_Portal = resolveComponent("Portal");
   return openBlock(), createElementBlock("div", mergeProps({
     "class": _ctx.cx('root'),
-    style: _ctx.sx('root')
+    style: _ctx.sx('root'),
+    "data-p": $options.containerDataP
   }, _ctx.ptmi('root')), [createVNode(_component_InputText, mergeProps({
     ref: "input",
     id: _ctx.inputId,
@@ -7102,9 +7379,10 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
     onKeyup: $options.onKeyUp,
     onInvalid: $options.onInvalid
   }, _ctx.inputProps, {
+    "data-p-has-e-icon": _ctx.toggleMask,
     pt: _ctx.ptm('pcInputText'),
     unstyled: _ctx.unstyled
-  }), null, 16, ["id", "type", "class", "style", "defaultValue", "name", "aria-labelledby", "aria-label", "aria-controls", "aria-expanded", "placeholder", "required", "fluid", "disabled", "variant", "invalid", "size", "autofocus", "onInput", "onFocus", "onBlur", "onKeyup", "onInvalid", "pt", "unstyled"]), _ctx.toggleMask && $data.unmasked ? renderSlot(_ctx.$slots, _ctx.$slots.maskicon ? 'maskicon' : 'hideicon', {
+  }), null, 16, ["id", "type", "class", "style", "defaultValue", "name", "aria-labelledby", "aria-label", "aria-controls", "aria-expanded", "placeholder", "required", "fluid", "disabled", "variant", "invalid", "size", "autofocus", "onInput", "onFocus", "onBlur", "onKeyup", "onInvalid", "data-p-has-e-icon", "pt", "unstyled"]), _ctx.toggleMask && $data.unmasked ? renderSlot(_ctx.$slots, _ctx.$slots.maskicon ? 'maskicon' : 'hideicon', {
     key: 0,
     toggleCallback: $options.onMaskToggle
   }, function () {
@@ -7144,7 +7422,8 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
             style: [_ctx.overlayStyle, _ctx.panelStyle],
             onClick: _cache[0] || (_cache[0] = function () {
               return $options.onOverlayClick && $options.onOverlayClick.apply($options, arguments);
-            })
+            }),
+            "data-p": $options.overlayDataP
           }, _objectSpread(_objectSpread(_objectSpread({}, _ctx.panelProps), _ctx.overlayProps), _ctx.ptm('overlay'))), [renderSlot(_ctx.$slots, "header"), renderSlot(_ctx.$slots, "content", {}, function () {
             return [createBaseVNode("div", mergeProps({
               "class": _ctx.cx('content')
@@ -7154,17 +7433,18 @@ function render$1(_ctx, _cache, $props, $setup, $data, $options) {
               "class": _ctx.cx('meterLabel'),
               style: {
                 width: $data.meter ? $data.meter.width : ''
-              }
-            }, _ctx.ptm('meterLabel')), null, 16)], 16), createBaseVNode("div", mergeProps({
+              },
+              "data-p": $options.meterDataP
+            }, _ctx.ptm('meterLabel')), null, 16, _hoisted_3$2)], 16), createBaseVNode("div", mergeProps({
               "class": _ctx.cx('meterText')
             }, _ctx.ptm('meterText')), toDisplayString($data.infoText), 17)], 16)];
-          }), renderSlot(_ctx.$slots, "footer")], 16, _hoisted_1$5)) : createCommentVNode("", true)];
+          }), renderSlot(_ctx.$slots, "footer")], 16, _hoisted_2$2)) : createCommentVNode("", true)];
         }),
         _: 3
       }, 16, ["onEnter", "onLeave", "onAfterLeave"])];
     }),
     _: 3
-  }, 8, ["appendTo"])], 16);
+  }, 8, ["appendTo"])], 16, _hoisted_1$5);
 }
 
 script$2.render = render$1;
@@ -7512,6 +7792,9 @@ var relativeTimeExports = requireRelativeTime();
 const relativeTime = /*@__PURE__*/getDefaultExportFromCjs(relativeTimeExports);
 /* Injected with object hook! */
 
+/* unplugin-vue-components disabled */
+/* Injected with object hook! */
+
 /* unplugin-vue-components disabled */const _sfc_main$2 = {  };
 
 const _hoisted_1$1 = { class: "bottom-gradient" };