primevue 4.3.3 → 4.3.5

package/datepicker/index.mjs

@@ -589,6 +589,9 @@ var script = {
       if (this.autoZIndex) {
         ZIndex.set('overlay', el, this.baseZIndex || this.$primevue.config.zIndex.overlay);
       }
+
+      // Issue: #7508
+      this.$attrSelector && el.setAttribute(this.$attrSelector, '');
       this.alignOverlay();
       this.$emit('show');
     },
@@ -1144,7 +1147,7 @@ var script = {
       event.preventDefault();
     },
     onClearButtonClick: function onClearButtonClick(event) {
-      this.updateModel(null);
+      this.updateModel(this.$formDefaultValue || null);
       this.overlayVisible = false;
       this.$emit('clear-click', event);
       event.preventDefault();
@@ -1191,11 +1194,11 @@ var script = {
       }
     },
     repeat: function repeat(event, interval, type, direction) {
-      var _this10 = this;
+      var _this0 = this;
       var i = interval || 500;
       this.clearTimePickerTimer();
       this.timePickerTimer = setTimeout(function () {
-        _this10.repeat(event, 100, type, direction);
+        _this0.repeat(event, 100, type, direction);
       }, i);
       switch (type) {
         case 0:
@@ -1325,7 +1328,7 @@ var script = {
       event.preventDefault();
     },
     updateModelTime: function updateModelTime() {
-      var _this11 = this;
+      var _this1 = this;
       this.timePickerChange = true;
       var value = this.isComparable() ? this.d_value : this.viewDate;
       if (this.isRangeSelection()) {
@@ -1351,7 +1354,7 @@ var script = {
       this.updateModel(value);
       this.$emit('date-select', value);
       setTimeout(function () {
-        return _this11.timePickerChange = false;
+        return _this1.timePickerChange = false;
       }, 0);
     },
     toggleAMPM: function toggleAMPM(event) {
@@ -1413,7 +1416,7 @@ var script = {
       }
     },
     isValidSelection: function isValidSelection(value) {
-      var _this12 = this;
+      var _this10 = this;
       if (value == null) {
         return true;
       }
@@ -1423,7 +1426,7 @@ var script = {
           isValid = false;
         }
       } else if (value.every(function (v) {
-        return _this12.isSelectable(v.getDate(), v.getMonth(), v.getFullYear(), false);
+        return _this10.isSelectable(v.getDate(), v.getMonth(), v.getFullYear(), false);
       })) {
         if (this.isRangeSelection()) {
           isValid = value.length > 1 && value[1] >= value[0];
@@ -2082,7 +2085,11 @@ var script = {
       if (this.navigationState) {
         if (this.navigationState.button) {
           this.initFocusableCell();
-          if (this.navigationState.backward) this.previousButton.focus();else this.nextButton.focus();
+          if (this.navigationState.backward) {
+            this.previousButton && this.previousButton.focus();
+          } else {
+            this.nextButton && this.nextButton.focus();
+          }
         } else {
           if (this.navigationState.backward) {
             var cells;
@@ -2475,20 +2482,20 @@ var script = {
       return this.dateFormat || this.$primevue.config.locale.dateFormat;
     },
     monthPickerValues: function monthPickerValues() {
-      var _this13 = this;
+      var _this11 = this;
       var monthPickerValues = [];
       var isSelectableMonth = function isSelectableMonth(baseMonth) {
-        if (_this13.minDate) {
-          var minMonth = _this13.minDate.getMonth();
-          var minYear = _this13.minDate.getFullYear();
-          if (_this13.currentYear < minYear || _this13.currentYear === minYear && baseMonth < minMonth) {
+        if (_this11.minDate) {
+          var minMonth = _this11.minDate.getMonth();
+          var minYear = _this11.minDate.getFullYear();
+          if (_this11.currentYear < minYear || _this11.currentYear === minYear && baseMonth < minMonth) {
             return false;
           }
         }
-        if (_this13.maxDate) {
-          var maxMonth = _this13.maxDate.getMonth();
-          var maxYear = _this13.maxDate.getFullYear();
-          if (_this13.currentYear > maxYear || _this13.currentYear === maxYear && baseMonth > maxMonth) {
+        if (_this11.maxDate) {
+          var maxMonth = _this11.maxDate.getMonth();
+          var maxYear = _this11.maxDate.getFullYear();
+          if (_this11.currentYear > maxYear || _this11.currentYear === maxYear && baseMonth > maxMonth) {
             return false;
           }
         }
@@ -2503,15 +2510,15 @@ var script = {
       return monthPickerValues;
     },
     yearPickerValues: function yearPickerValues() {
-      var _this14 = this;
+      var _this12 = this;
       var yearPickerValues = [];
       var base = this.currentYear - this.currentYear % 10;
       var isSelectableYear = function isSelectableYear(baseYear) {
-        if (_this14.minDate) {
-          if (_this14.minDate.getFullYear() > baseYear) return false;
+        if (_this12.minDate) {
+          if (_this12.minDate.getFullYear() > baseYear) return false;
         }
-        if (_this14.maxDate) {
-          if (_this14.maxDate.getFullYear() < baseYear) return false;
+        if (_this12.maxDate) {
+          if (_this12.maxDate.getFullYear() < baseYear) return false;
         }
         return true;
       };
@@ -2572,122 +2579,122 @@ var script = {
       });
     },
     hourIncrementCallbacks: function hourIncrementCallbacks() {
-      var _this15 = this;
+      var _this13 = this;
       return {
         mousedown: function mousedown(event) {
-          return _this15.onTimePickerElementMouseDown(event, 0, 1);
+          return _this13.onTimePickerElementMouseDown(event, 0, 1);
         },
         mouseup: function mouseup(event) {
-          return _this15.onTimePickerElementMouseUp(event);
+          return _this13.onTimePickerElementMouseUp(event);
         },
         mouseleave: function mouseleave() {
-          return _this15.onTimePickerElementMouseLeave();
+          return _this13.onTimePickerElementMouseLeave();
         },
         keydown: function keydown(event) {
-          return _this15.onTimePickerElementKeyDown(event, 0, 1);
+          return _this13.onTimePickerElementKeyDown(event, 0, 1);
         },
         keyup: function keyup(event) {
-          return _this15.onTimePickerElementKeyUp(event);
+          return _this13.onTimePickerElementKeyUp(event);
         }
       };
     },
     hourDecrementCallbacks: function hourDecrementCallbacks() {
-      var _this16 = this;
+      var _this14 = this;
       return {
         mousedown: function mousedown(event) {
-          return _this16.onTimePickerElementMouseDown(event, 0, -1);
+          return _this14.onTimePickerElementMouseDown(event, 0, -1);
         },
         mouseup: function mouseup(event) {
-          return _this16.onTimePickerElementMouseUp(event);
+          return _this14.onTimePickerElementMouseUp(event);
         },
         mouseleave: function mouseleave() {
-          return _this16.onTimePickerElementMouseLeave();
+          return _this14.onTimePickerElementMouseLeave();
         },
         keydown: function keydown(event) {
-          return _this16.onTimePickerElementKeyDown(event, 0, -1);
+          return _this14.onTimePickerElementKeyDown(event, 0, -1);
         },
         keyup: function keyup(event) {
-          return _this16.onTimePickerElementKeyUp(event);
+          return _this14.onTimePickerElementKeyUp(event);
         }
       };
     },
     minuteIncrementCallbacks: function minuteIncrementCallbacks() {
-      var _this17 = this;
+      var _this15 = this;
       return {
         mousedown: function mousedown(event) {
-          return _this17.onTimePickerElementMouseDown(event, 1, 1);
+          return _this15.onTimePickerElementMouseDown(event, 1, 1);
         },
         mouseup: function mouseup(event) {
-          return _this17.onTimePickerElementMouseUp(event);
+          return _this15.onTimePickerElementMouseUp(event);
         },
         mouseleave: function mouseleave() {
-          return _this17.onTimePickerElementMouseLeave();
+          return _this15.onTimePickerElementMouseLeave();
         },
         keydown: function keydown(event) {
-          return _this17.onTimePickerElementKeyDown(event, 1, 1);
+          return _this15.onTimePickerElementKeyDown(event, 1, 1);
         },
         keyup: function keyup(event) {
-          return _this17.onTimePickerElementKeyUp(event);
+          return _this15.onTimePickerElementKeyUp(event);
         }
       };
     },
     minuteDecrementCallbacks: function minuteDecrementCallbacks() {
-      var _this18 = this;
+      var _this16 = this;
       return {
         mousedown: function mousedown(event) {
-          return _this18.onTimePickerElementMouseDown(event, 1, -1);
+          return _this16.onTimePickerElementMouseDown(event, 1, -1);
         },
         mouseup: function mouseup(event) {
-          return _this18.onTimePickerElementMouseUp(event);
+          return _this16.onTimePickerElementMouseUp(event);
         },
         mouseleave: function mouseleave() {
-          return _this18.onTimePickerElementMouseLeave();
+          return _this16.onTimePickerElementMouseLeave();
         },
         keydown: function keydown(event) {
-          return _this18.onTimePickerElementKeyDown(event, 1, -1);
+          return _this16.onTimePickerElementKeyDown(event, 1, -1);
         },
         keyup: function keyup(event) {
-          return _this18.onTimePickerElementKeyUp(event);
+          return _this16.onTimePickerElementKeyUp(event);
         }
       };
     },
     secondIncrementCallbacks: function secondIncrementCallbacks() {
-      var _this19 = this;
+      var _this17 = this;
       return {
         mousedown: function mousedown(event) {
-          return _this19.onTimePickerElementMouseDown(event, 2, 1);
+          return _this17.onTimePickerElementMouseDown(event, 2, 1);
         },
         mouseup: function mouseup(event) {
-          return _this19.onTimePickerElementMouseUp(event);
+          return _this17.onTimePickerElementMouseUp(event);
         },
         mouseleave: function mouseleave() {
-          return _this19.onTimePickerElementMouseLeave();
+          return _this17.onTimePickerElementMouseLeave();
         },
         keydown: function keydown(event) {
-          return _this19.onTimePickerElementKeyDown(event, 2, 1);
+          return _this17.onTimePickerElementKeyDown(event, 2, 1);
         },
         keyup: function keyup(event) {
-          return _this19.onTimePickerElementKeyUp(event);
+          return _this17.onTimePickerElementKeyUp(event);
         }
       };
     },
     secondDecrementCallbacks: function secondDecrementCallbacks() {
-      var _this20 = this;
+      var _this18 = this;
       return {
         mousedown: function mousedown(event) {
-          return _this20.onTimePickerElementMouseDown(event, 2, -1);
+          return _this18.onTimePickerElementMouseDown(event, 2, -1);
         },
         mouseup: function mouseup(event) {
-          return _this20.onTimePickerElementMouseUp(event);
+          return _this18.onTimePickerElementMouseUp(event);
         },
         mouseleave: function mouseleave() {
-          return _this20.onTimePickerElementMouseLeave();
+          return _this18.onTimePickerElementMouseLeave();
         },
         keydown: function keydown(event) {
-          return _this20.onTimePickerElementKeyDown(event, 2, -1);
+          return _this18.onTimePickerElementKeyDown(event, 2, -1);
         },
         keyup: function keyup(event) {
-          return _this20.onTimePickerElementKeyUp(event);
+          return _this18.onTimePickerElementKeyUp(event);
         }
       };
     }
@@ -2767,7 +2774,10 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     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')
+    pt: _ctx.ptm('pcInputText'),
+    formControl: {
+      novalidate: true
+    }
   }, 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
@@ -2845,10 +2855,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           }, _ctx.ptm('calendarContainer')), [(openBlock(true), createElementBlock(Fragment, null, renderList($options.months, function (month, groupIndex) {
             return openBlock(), createElementBlock("div", mergeProps({
               key: month.month + month.year,
-              "class": _ctx.cx('calendar'),
+              "class": _ctx.cx('calendar')
+            }, {
               ref_for: true
             }, _ctx.ptm('calendar')), [createElementVNode("div", mergeProps({
-              "class": _ctx.cx('header'),
+              "class": _ctx.cx('header')
+            }, {
               ref_for: true
             }, _ctx.ptm('header')), [renderSlot(_ctx.$slots, "header"), renderSlot(_ctx.$slots, "prevbutton", {
               actionCallback: function actionCallback(event) {
@@ -2867,6 +2879,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 unstyled: _ctx.unstyled,
                 onClick: $options.onPrevButtonClick,
                 onKeydown: $options.onContainerButtonKeydown
+              }, {
+                ref_for: true
               }, _ctx.navigatorButtonProps, {
                 pt: _ctx.ptm('pcPrevButton'),
                 "data-pc-group-section": "navigator"
@@ -2874,7 +2888,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 icon: withCtx(function (slotProps) {
                   return [renderSlot(_ctx.$slots, "previcon", {}, function () {
                     return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.prevIcon ? 'span' : 'ChevronLeftIcon'), mergeProps({
-                      "class": [_ctx.prevIcon, slotProps["class"]],
+                      "class": [_ctx.prevIcon, slotProps["class"]]
+                    }, {
                       ref_for: true
                     }, _ctx.ptm('pcPrevButton')['icon']), null, 16, ["class"]))];
                   })];
@@ -2882,7 +2897,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 _: 2
               }, 1040, ["class", "disabled", "aria-label", "unstyled", "onClick", "onKeydown", "pt"]), [[vShow, groupIndex === 0]])];
             }), createElementVNode("div", mergeProps({
-              "class": _ctx.cx('title'),
+              "class": _ctx.cx('title')
+            }, {
               ref_for: true
             }, _ctx.ptm('title')), [_ctx.$primevue.config.locale.showMonthAfterYear ? (openBlock(), createElementBlock(Fragment, {
               key: 0
@@ -2897,7 +2913,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               }),
               "class": _ctx.cx('selectYear'),
               disabled: $options.switchViewButtonDisabled,
-              "aria-label": _ctx.$primevue.config.locale.chooseYear,
+              "aria-label": _ctx.$primevue.config.locale.chooseYear
+            }, {
               ref_for: true
             }, _ctx.ptm('selectYear'), {
               "data-pc-group-section": "view"
@@ -2912,7 +2929,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               }),
               "class": _ctx.cx('selectMonth'),
               disabled: $options.switchViewButtonDisabled,
-              "aria-label": _ctx.$primevue.config.locale.chooseMonth,
+              "aria-label": _ctx.$primevue.config.locale.chooseMonth
+            }, {
               ref_for: true
             }, _ctx.ptm('selectMonth'), {
               "data-pc-group-section": "view"
@@ -2929,7 +2947,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               }),
               "class": _ctx.cx('selectMonth'),
               disabled: $options.switchViewButtonDisabled,
-              "aria-label": _ctx.$primevue.config.locale.chooseMonth,
+              "aria-label": _ctx.$primevue.config.locale.chooseMonth
+            }, {
               ref_for: true
             }, _ctx.ptm('selectMonth'), {
               "data-pc-group-section": "view"
@@ -2944,13 +2963,15 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               }),
               "class": _ctx.cx('selectYear'),
               disabled: $options.switchViewButtonDisabled,
-              "aria-label": _ctx.$primevue.config.locale.chooseYear,
+              "aria-label": _ctx.$primevue.config.locale.chooseYear
+            }, {
               ref_for: true
             }, _ctx.ptm('selectYear'), {
               "data-pc-group-section": "view"
             }), toDisplayString($options.getYear(month)), 17, _hoisted_8)) : createCommentVNode("", true)], 64)), $data.currentView === 'year' ? (openBlock(), createElementBlock("span", mergeProps({
               key: 2,
-              "class": _ctx.cx('decade'),
+              "class": _ctx.cx('decade')
+            }, {
               ref_for: true
             }, _ctx.ptm('decade')), [renderSlot(_ctx.$slots, "decade", {
               years: $options.yearPickerValues
@@ -2973,6 +2994,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 unstyled: _ctx.unstyled,
                 onClick: $options.onNextButtonClick,
                 onKeydown: $options.onContainerButtonKeydown
+              }, {
+                ref_for: true
               }, _ctx.navigatorButtonProps, {
                 pt: _ctx.ptm('pcNextButton'),
                 "data-pc-group-section": "navigator"
@@ -2980,7 +3003,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 icon: withCtx(function (slotProps) {
                   return [renderSlot(_ctx.$slots, "nexticon", {}, function () {
                     return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.nextIcon ? 'span' : 'ChevronRightIcon'), mergeProps({
-                      "class": [_ctx.nextIcon, slotProps["class"]],
+                      "class": [_ctx.nextIcon, slotProps["class"]]
+                    }, {
                       ref_for: true
                     }, _ctx.ptm('pcNextButton')['icon']), null, 16, ["class"]))];
                   })];
@@ -2990,7 +3014,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             })], 16), $data.currentView === 'date' ? (openBlock(), createElementBlock("table", mergeProps({
               key: 0,
               "class": _ctx.cx('dayView'),
-              role: "grid",
+              role: "grid"
+            }, {
               ref_for: true
             }, _ctx.ptm('dayView')), [createElementVNode("thead", mergeProps({
               ref_for: true
@@ -2999,7 +3024,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             }, _ctx.ptm('tableHeaderRow')), [_ctx.showWeek ? (openBlock(), createElementBlock("th", mergeProps({
               key: 0,
               scope: "col",
-              "class": _ctx.cx('weekHeader'),
+              "class": _ctx.cx('weekHeader')
+            }, {
               ref_for: true
             }, _ctx.ptm('weekHeader', {
               context: {
@@ -3022,13 +3048,15 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               return openBlock(), createElementBlock("th", mergeProps({
                 key: weekDay,
                 scope: "col",
-                abbr: weekDay,
+                abbr: weekDay
+              }, {
                 ref_for: true
               }, _ctx.ptm('tableHeaderCell'), {
                 "data-pc-group-section": "tableheadercell",
                 "class": _ctx.cx('weekDayCell')
               }), [createElementVNode("span", mergeProps({
-                "class": _ctx.cx('weekDay'),
+                "class": _ctx.cx('weekDay')
+              }, {
                 ref_for: true
               }, _ctx.ptm('weekDay'), {
                 "data-pc-group-section": "tableheadercelllabel"
@@ -3037,16 +3065,19 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               ref_for: true
             }, _ctx.ptm('tableBody')), [(openBlock(true), createElementBlock(Fragment, null, renderList(month.dates, function (week, i) {
               return openBlock(), createElementBlock("tr", mergeProps({
-                key: week[0].day + '' + week[0].month,
+                key: week[0].day + '' + week[0].month
+              }, {
                 ref_for: true
               }, _ctx.ptm('tableBodyRow')), [_ctx.showWeek ? (openBlock(), createElementBlock("td", mergeProps({
                 key: 0,
-                "class": _ctx.cx('weekNumber'),
+                "class": _ctx.cx('weekNumber')
+              }, {
                 ref_for: true
               }, _ctx.ptm('weekNumber'), {
                 "data-pc-group-section": "tablebodycell"
               }), [createElementVNode("span", mergeProps({
-                "class": _ctx.cx('weekLabelContainer'),
+                "class": _ctx.cx('weekLabelContainer')
+              }, {
                 ref_for: true
               }, _ctx.ptm('weekLabelContainer', {
                 context: {
@@ -3062,7 +3093,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                   key: 0,
                   style: {
                     "visibility": "hidden"
-                  },
+                  }
+                }, {
                   ref_for: true
                 }, _ctx.ptm('weekLabel')), "0", 16)) : createCommentVNode("", true), createTextVNode(" " + toDisplayString(month.weekNumbers[i]), 1)];
               })], 16, _hoisted_11)], 16)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(week, function (date) {
@@ -3071,7 +3103,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                   "aria-label": date.day,
                   "class": _ctx.cx('dayCell', {
                     date: date
-                  }),
+                  })
+                }, {
                   ref_for: true
                 }, _ctx.ptm('dayCell', {
                   context: {
@@ -3098,7 +3131,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                     return $options.onDateCellKeydown($event, date, groupIndex);
                   },
                   "aria-selected": $options.isSelected(date),
-                  "aria-disabled": !date.selectable,
+                  "aria-disabled": !date.selectable
+                }, {
                   ref_for: true
                 }, _ctx.ptm('day', {
                   context: {
@@ -3118,7 +3152,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
                 })], 16, _hoisted_13)), [[_directive_ripple]]) : createCommentVNode("", true), $options.isSelected(date) ? (openBlock(), createElementBlock("div", mergeProps({
                   key: 1,
                   "class": "p-hidden-accessible",
-                  "aria-live": "polite",
+                  "aria-live": "polite"
+                }, {
                   ref_for: true
                 }, _ctx.ptm('hiddenSelectedDay'), {
                   "data-p-hidden-accessible": true
@@ -3146,7 +3181,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               "class": _ctx.cx('month', {
                 month: m,
                 index: i
-              }),
+              })
+            }, {
               ref_for: true
             }, _ctx.ptm('month', {
               context: {
@@ -3161,7 +3197,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             }), [createTextVNode(toDisplayString(m.value) + " ", 1), $options.isMonthSelected(i) ? (openBlock(), createElementBlock("div", mergeProps({
               key: 0,
               "class": "p-hidden-accessible",
-              "aria-live": "polite",
+              "aria-live": "polite"
+            }, {
               ref_for: true
             }, _ctx.ptm('hiddenMonth'), {
               "data-p-hidden-accessible": true
@@ -3180,7 +3217,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
               },
               "class": _ctx.cx('year', {
                 year: y
-              }),
+              })
+            }, {
               ref_for: true
             }, _ctx.ptm('year', {
               context: {
@@ -3194,7 +3232,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
             }), [createTextVNode(toDisplayString(y.value) + " ", 1), $options.isYearSelected(y.value) ? (openBlock(), createElementBlock("div", mergeProps({
               key: 0,
               "class": "p-hidden-accessible",
-              "aria-live": "polite",
+              "aria-live": "polite"
+            }, {
               ref_for: true
             }, _ctx.ptm('hiddenYear'), {
               "data-p-hidden-accessible": true