primevue 4.3.3 → 4.3.4

package/datatable/style/index.mjs

@@ -120,8 +120,8 @@ var classes = {
   rowExpansion: 'p-datatable-row-expansion',
   rowGroupFooter: 'p-datatable-row-group-footer',
   emptyMessage: 'p-datatable-empty-message',
-  bodyCell: function bodyCell(_ref10) {
-    var instance = _ref10.instance;
+  bodyCell: function bodyCell(_ref0) {
+    var instance = _ref0.instance;
     return [{
       'p-datatable-frozen-column': instance.columnProp('frozen')
     }];
@@ -131,8 +131,8 @@ var classes = {
   pcRowEditorSave: 'p-datatable-row-editor-save',
   pcRowEditorCancel: 'p-datatable-row-editor-cancel',
   tfoot: 'p-datatable-tfoot',
-  footerCell: function footerCell(_ref11) {
-    var instance = _ref11.instance;
+  footerCell: function footerCell(_ref1) {
+    var instance = _ref1.instance;
     return [{
       'p-datatable-frozen-column': instance.columnProp('frozen')
     }];

package/datatable/style/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/datatable/style/DataTableStyle.js"],"sourcesContent":["import { style } from '@primeuix/styles/datatable';\nimport BaseStyle from '@primevue/core/base/style';\n\nconst classes = {\n    root: ({ props }) => [\n        'p-datatable p-component',\n        {\n            'p-datatable-hoverable': props.rowHover || props.selectionMode,\n            'p-datatable-resizable': props.resizableColumns,\n            'p-datatable-resizable-fit': props.resizableColumns && props.columnResizeMode === 'fit',\n            'p-datatable-scrollable': props.scrollable,\n            'p-datatable-flex-scrollable': props.scrollable && props.scrollHeight === 'flex',\n            'p-datatable-striped': props.stripedRows,\n            'p-datatable-gridlines': props.showGridlines,\n            'p-datatable-sm': props.size === 'small',\n            'p-datatable-lg': props.size === 'large'\n        }\n    ],\n    mask: 'p-datatable-mask p-overlay-mask',\n    loadingIcon: 'p-datatable-loading-icon',\n    header: 'p-datatable-header',\n    pcPaginator: ({ position }) => 'p-datatable-paginator-' + position,\n    tableContainer: 'p-datatable-table-container',\n    table: ({ props }) => [\n        'p-datatable-table',\n        {\n            'p-datatable-scrollable-table': props.scrollable,\n            'p-datatable-resizable-table': props.resizableColumns,\n            'p-datatable-resizable-table-fit': props.resizableColumns && props.columnResizeMode === 'fit'\n        }\n    ],\n    thead: 'p-datatable-thead',\n    headerCell: ({ instance, props, column }) =>\n        column && !instance.columnProp('hidden') && (props.rowGroupMode !== 'subheader' || props.groupRowsBy !== instance.columnProp(column, 'field'))\n            ? [\n                  'p-datatable-header-cell',\n                  {\n                      'p-datatable-frozen-column': instance.columnProp('frozen')\n                  }\n              ]\n            : [\n                  'p-datatable-header-cell',\n                  {\n                      'p-datatable-sortable-column': instance.columnProp('sortable'),\n                      'p-datatable-resizable-column': instance.resizableColumns,\n                      'p-datatable-column-sorted': instance.isColumnSorted(),\n                      'p-datatable-frozen-column': instance.columnProp('frozen'),\n                      'p-datatable-reorderable-column': props.reorderableColumns\n                  }\n              ],\n    columnResizer: 'p-datatable-column-resizer',\n    columnHeaderContent: 'p-datatable-column-header-content',\n    columnTitle: 'p-datatable-column-title',\n    columnFooter: 'p-datatable-column-footer',\n    sortIcon: 'p-datatable-sort-icon',\n    pcSortBadge: 'p-datatable-sort-badge',\n    filter: ({ props }) => [\n        'p-datatable-filter',\n        {\n            'p-datatable-inline-filter': props.display === 'row',\n            'p-datatable-popover-filter': props.display === 'menu'\n        }\n    ],\n    filterElementContainer: 'p-datatable-filter-element-container',\n    pcColumnFilterButton: 'p-datatable-column-filter-button',\n    pcColumnFilterClearButton: 'p-datatable-column-filter-clear-button',\n    filterOverlay: ({ props }) => [\n        'p-datatable-filter-overlay p-component',\n        {\n            'p-datatable-filter-overlay-popover': props.display === 'menu'\n        }\n    ],\n    filterConstraintList: 'p-datatable-filter-constraint-list',\n    filterConstraint: ({ instance, matchMode }) => [\n        'p-datatable-filter-constraint',\n        {\n            'p-datatable-filter-constraint-selected': matchMode && instance.isRowMatchModeSelected(matchMode.value)\n        }\n    ],\n    filterConstraintSeparator: 'p-datatable-filter-constraint-separator',\n    filterOperator: 'p-datatable-filter-operator',\n    pcFilterOperatorDropdown: 'p-datatable-filter-operator-dropdown',\n    filterRuleList: 'p-datatable-filter-rule-list',\n    filterRule: 'p-datatable-filter-rule',\n    pcFilterConstraintDropdown: 'p-datatable-filter-constraint-dropdown',\n    pcFilterRemoveRuleButton: 'p-datatable-filter-remove-rule-button',\n    pcFilterAddRuleButton: 'p-datatable-filter-add-rule-button',\n    filterButtonbar: 'p-datatable-filter-buttonbar',\n    pcFilterClearButton: 'p-datatable-filter-clear-button',\n    pcFilterApplyButton: 'p-datatable-filter-apply-button',\n    tbody: ({ props }) => (props.frozenRow ? 'p-datatable-tbody p-datatable-frozen-tbody' : 'p-datatable-tbody'),\n    rowGroupHeader: 'p-datatable-row-group-header',\n    rowToggleButton: 'p-datatable-row-toggle-button',\n    rowToggleIcon: 'p-datatable-row-toggle-icon',\n    row: ({ instance, props, index, columnSelectionMode }) => {\n        let rowStyleClass = [];\n\n        if (props.selectionMode) {\n            rowStyleClass.push('p-datatable-selectable-row');\n        }\n\n        if (props.selection) {\n            rowStyleClass.push({\n                'p-datatable-row-selected': columnSelectionMode ? instance.isSelected && instance.$parentInstance.$parentInstance.highlightOnSelect : instance.isSelected\n            });\n        }\n\n        if (props.contextMenuSelection) {\n            rowStyleClass.push({\n                'p-datatable-contextmenu-row-selected': instance.isSelectedWithContextMenu\n            });\n        }\n\n        rowStyleClass.push(index % 2 === 0 ? 'p-row-even' : 'p-row-odd');\n\n        return rowStyleClass;\n    },\n    rowExpansion: 'p-datatable-row-expansion',\n    rowGroupFooter: 'p-datatable-row-group-footer',\n    emptyMessage: 'p-datatable-empty-message',\n    bodyCell: ({ instance }) => [\n        {\n            'p-datatable-frozen-column': instance.columnProp('frozen')\n        }\n    ],\n    reorderableRowHandle: 'p-datatable-reorderable-row-handle',\n    pcRowEditorInit: 'p-datatable-row-editor-init',\n    pcRowEditorSave: 'p-datatable-row-editor-save',\n    pcRowEditorCancel: 'p-datatable-row-editor-cancel',\n    tfoot: 'p-datatable-tfoot',\n    footerCell: ({ instance }) => [\n        {\n            'p-datatable-frozen-column': instance.columnProp('frozen')\n        }\n    ],\n    virtualScrollerSpacer: 'p-datatable-virtualscroller-spacer',\n    footer: 'p-datatable-footer',\n    columnResizeIndicator: 'p-datatable-column-resize-indicator',\n    rowReorderIndicatorUp: 'p-datatable-row-reorder-indicator-up',\n    rowReorderIndicatorDown: 'p-datatable-row-reorder-indicator-down'\n};\n\nconst inlineStyles = {\n    tableContainer: { overflow: 'auto' },\n    thead: { position: 'sticky' },\n    tfoot: { position: 'sticky' }\n};\n\nexport default BaseStyle.extend({\n    name: 'datatable',\n    style,\n    classes,\n    inlineStyles\n});\n"],"names":["classes","root","_ref","props","rowHover","selectionMode","resizableColumns","columnResizeMode","scrollable","scrollHeight","stripedRows","showGridlines","size","mask","loadingIcon","header","pcPaginator","_ref2","position","tableContainer","table","_ref3","thead","headerCell","_ref4","instance","column","columnProp","rowGroupMode","groupRowsBy","isColumnSorted","reorderableColumns","columnResizer","columnHeaderContent","columnTitle","columnFooter","sortIcon","pcSortBadge","filter","_ref5","display","filterElementContainer","pcColumnFilterButton","pcColumnFilterClearButton","filterOverlay","_ref6","filterConstraintList","filterConstraint","_ref7","matchMode","isRowMatchModeSelected","value","filterConstraintSeparator","filterOperator","pcFilterOperatorDropdown","filterRuleList","filterRule","pcFilterConstraintDropdown","pcFilterRemoveRuleButton","pcFilterAddRuleButton","filterButtonbar","pcFilterClearButton","pcFilterApplyButton","tbody","_ref8","frozenRow","rowGroupHeader","rowToggleButton","rowToggleIcon","row","_ref9","index","columnSelectionMode","rowStyleClass","push","selection","isSelected","$parentInstance","highlightOnSelect","contextMenuSelection","isSelectedWithContextMenu","rowExpansion","rowGroupFooter","emptyMessage","bodyCell","_ref10","reorderableRowHandle","pcRowEditorInit","pcRowEditorSave","pcRowEditorCancel","tfoot","footerCell","_ref11","virtualScrollerSpacer","footer","columnResizeIndicator","rowReorderIndicatorUp","rowReorderIndicatorDown","inlineStyles","overflow","BaseStyle","extend","name","style"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../src/datatable/style/DataTableStyle.js"],"sourcesContent":["import { style } from '@primeuix/styles/datatable';\nimport BaseStyle from '@primevue/core/base/style';\n\nconst classes = {\n    root: ({ props }) => [\n        'p-datatable p-component',\n        {\n            'p-datatable-hoverable': props.rowHover || props.selectionMode,\n            'p-datatable-resizable': props.resizableColumns,\n            'p-datatable-resizable-fit': props.resizableColumns && props.columnResizeMode === 'fit',\n            'p-datatable-scrollable': props.scrollable,\n            'p-datatable-flex-scrollable': props.scrollable && props.scrollHeight === 'flex',\n            'p-datatable-striped': props.stripedRows,\n            'p-datatable-gridlines': props.showGridlines,\n            'p-datatable-sm': props.size === 'small',\n            'p-datatable-lg': props.size === 'large'\n        }\n    ],\n    mask: 'p-datatable-mask p-overlay-mask',\n    loadingIcon: 'p-datatable-loading-icon',\n    header: 'p-datatable-header',\n    pcPaginator: ({ position }) => 'p-datatable-paginator-' + position,\n    tableContainer: 'p-datatable-table-container',\n    table: ({ props }) => [\n        'p-datatable-table',\n        {\n            'p-datatable-scrollable-table': props.scrollable,\n            'p-datatable-resizable-table': props.resizableColumns,\n            'p-datatable-resizable-table-fit': props.resizableColumns && props.columnResizeMode === 'fit'\n        }\n    ],\n    thead: 'p-datatable-thead',\n    headerCell: ({ instance, props, column }) =>\n        column && !instance.columnProp('hidden') && (props.rowGroupMode !== 'subheader' || props.groupRowsBy !== instance.columnProp(column, 'field'))\n            ? [\n                  'p-datatable-header-cell',\n                  {\n                      'p-datatable-frozen-column': instance.columnProp('frozen')\n                  }\n              ]\n            : [\n                  'p-datatable-header-cell',\n                  {\n                      'p-datatable-sortable-column': instance.columnProp('sortable'),\n                      'p-datatable-resizable-column': instance.resizableColumns,\n                      'p-datatable-column-sorted': instance.isColumnSorted(),\n                      'p-datatable-frozen-column': instance.columnProp('frozen'),\n                      'p-datatable-reorderable-column': props.reorderableColumns\n                  }\n              ],\n    columnResizer: 'p-datatable-column-resizer',\n    columnHeaderContent: 'p-datatable-column-header-content',\n    columnTitle: 'p-datatable-column-title',\n    columnFooter: 'p-datatable-column-footer',\n    sortIcon: 'p-datatable-sort-icon',\n    pcSortBadge: 'p-datatable-sort-badge',\n    filter: ({ props }) => [\n        'p-datatable-filter',\n        {\n            'p-datatable-inline-filter': props.display === 'row',\n            'p-datatable-popover-filter': props.display === 'menu'\n        }\n    ],\n    filterElementContainer: 'p-datatable-filter-element-container',\n    pcColumnFilterButton: 'p-datatable-column-filter-button',\n    pcColumnFilterClearButton: 'p-datatable-column-filter-clear-button',\n    filterOverlay: ({ props }) => [\n        'p-datatable-filter-overlay p-component',\n        {\n            'p-datatable-filter-overlay-popover': props.display === 'menu'\n        }\n    ],\n    filterConstraintList: 'p-datatable-filter-constraint-list',\n    filterConstraint: ({ instance, matchMode }) => [\n        'p-datatable-filter-constraint',\n        {\n            'p-datatable-filter-constraint-selected': matchMode && instance.isRowMatchModeSelected(matchMode.value)\n        }\n    ],\n    filterConstraintSeparator: 'p-datatable-filter-constraint-separator',\n    filterOperator: 'p-datatable-filter-operator',\n    pcFilterOperatorDropdown: 'p-datatable-filter-operator-dropdown',\n    filterRuleList: 'p-datatable-filter-rule-list',\n    filterRule: 'p-datatable-filter-rule',\n    pcFilterConstraintDropdown: 'p-datatable-filter-constraint-dropdown',\n    pcFilterRemoveRuleButton: 'p-datatable-filter-remove-rule-button',\n    pcFilterAddRuleButton: 'p-datatable-filter-add-rule-button',\n    filterButtonbar: 'p-datatable-filter-buttonbar',\n    pcFilterClearButton: 'p-datatable-filter-clear-button',\n    pcFilterApplyButton: 'p-datatable-filter-apply-button',\n    tbody: ({ props }) => (props.frozenRow ? 'p-datatable-tbody p-datatable-frozen-tbody' : 'p-datatable-tbody'),\n    rowGroupHeader: 'p-datatable-row-group-header',\n    rowToggleButton: 'p-datatable-row-toggle-button',\n    rowToggleIcon: 'p-datatable-row-toggle-icon',\n    row: ({ instance, props, index, columnSelectionMode }) => {\n        let rowStyleClass = [];\n\n        if (props.selectionMode) {\n            rowStyleClass.push('p-datatable-selectable-row');\n        }\n\n        if (props.selection) {\n            rowStyleClass.push({\n                'p-datatable-row-selected': columnSelectionMode ? instance.isSelected && instance.$parentInstance.$parentInstance.highlightOnSelect : instance.isSelected\n            });\n        }\n\n        if (props.contextMenuSelection) {\n            rowStyleClass.push({\n                'p-datatable-contextmenu-row-selected': instance.isSelectedWithContextMenu\n            });\n        }\n\n        rowStyleClass.push(index % 2 === 0 ? 'p-row-even' : 'p-row-odd');\n\n        return rowStyleClass;\n    },\n    rowExpansion: 'p-datatable-row-expansion',\n    rowGroupFooter: 'p-datatable-row-group-footer',\n    emptyMessage: 'p-datatable-empty-message',\n    bodyCell: ({ instance }) => [\n        {\n            'p-datatable-frozen-column': instance.columnProp('frozen')\n        }\n    ],\n    reorderableRowHandle: 'p-datatable-reorderable-row-handle',\n    pcRowEditorInit: 'p-datatable-row-editor-init',\n    pcRowEditorSave: 'p-datatable-row-editor-save',\n    pcRowEditorCancel: 'p-datatable-row-editor-cancel',\n    tfoot: 'p-datatable-tfoot',\n    footerCell: ({ instance }) => [\n        {\n            'p-datatable-frozen-column': instance.columnProp('frozen')\n        }\n    ],\n    virtualScrollerSpacer: 'p-datatable-virtualscroller-spacer',\n    footer: 'p-datatable-footer',\n    columnResizeIndicator: 'p-datatable-column-resize-indicator',\n    rowReorderIndicatorUp: 'p-datatable-row-reorder-indicator-up',\n    rowReorderIndicatorDown: 'p-datatable-row-reorder-indicator-down'\n};\n\nconst inlineStyles = {\n    tableContainer: { overflow: 'auto' },\n    thead: { position: 'sticky' },\n    tfoot: { position: 'sticky' }\n};\n\nexport default BaseStyle.extend({\n    name: 'datatable',\n    style,\n    classes,\n    inlineStyles\n});\n"],"names":["classes","root","_ref","props","rowHover","selectionMode","resizableColumns","columnResizeMode","scrollable","scrollHeight","stripedRows","showGridlines","size","mask","loadingIcon","header","pcPaginator","_ref2","position","tableContainer","table","_ref3","thead","headerCell","_ref4","instance","column","columnProp","rowGroupMode","groupRowsBy","isColumnSorted","reorderableColumns","columnResizer","columnHeaderContent","columnTitle","columnFooter","sortIcon","pcSortBadge","filter","_ref5","display","filterElementContainer","pcColumnFilterButton","pcColumnFilterClearButton","filterOverlay","_ref6","filterConstraintList","filterConstraint","_ref7","matchMode","isRowMatchModeSelected","value","filterConstraintSeparator","filterOperator","pcFilterOperatorDropdown","filterRuleList","filterRule","pcFilterConstraintDropdown","pcFilterRemoveRuleButton","pcFilterAddRuleButton","filterButtonbar","pcFilterClearButton","pcFilterApplyButton","tbody","_ref8","frozenRow","rowGroupHeader","rowToggleButton","rowToggleIcon","row","_ref9","index","columnSelectionMode","rowStyleClass","push","selection","isSelected","$parentInstance","highlightOnSelect","contextMenuSelection","isSelectedWithContextMenu","rowExpansion","rowGroupFooter","emptyMessage","bodyCell","_ref0","reorderableRowHandle","pcRowEditorInit","pcRowEditorSave","pcRowEditorCancel","tfoot","footerCell","_ref1","virtualScrollerSpacer","footer","columnResizeIndicator","rowReorderIndicatorUp","rowReorderIndicatorDown","inlineStyles","overflow","BaseStyle","extend","name","style"],"mappings":"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"}

package/dataview/index.d.ts

@@ -143,11 +143,11 @@ export interface DataViewState {
 /**
  * Defines valid properties in DataView component. In addition to these, all properties of HTMLDivElement can be used in this component.
  */
-export interface DataViewProps {
+export interface DataViewProps<T = unknown> {
     /**
      * An array of objects to display.
      */
-    value?: any[] | undefined;
+    value?: T[] | null | undefined;
     /**
      * Layout of the items, valid values are 'list' and 'grid'.
      * @defaultValue list
@@ -223,11 +223,11 @@ export interface DataViewProps {
     /**
      * Property name or a getter function of data to use in sorting by default.
      */
-    sortField?: string | ((item: any) => string) | undefined;
+    sortField?: string | ((item: any) => string) | null | undefined;
     /**
      * Order to sort the data by default.
      */
-    sortOrder?: number | undefined;
+    sortOrder?: number | null | undefined;
     /**
      * Defines if data is loaded and interacted with in lazy manner.
      * @defaultValue false
@@ -236,7 +236,7 @@ export interface DataViewProps {
     /**
      * Name of the data that uniquely identifies the a record in the data.
      */
-    dataKey: string | undefined;
+    dataKey?: string | undefined;
     /**
      * It generates scoped CSS variables using design tokens for the component.
      */

package/datepicker/DatePicker.vue

@@ -34,6 +34,7 @@
             :data-p-has-dropdown="showIcon && iconDisplay === 'button' && !inline"
             :data-p-has-e-icon="showIcon && iconDisplay === 'input' && !inline"
             :pt="ptm('pcInputText')"
+            :formControl="{ novalidate: true }"
         />
         <slot v-if="showIcon && iconDisplay === 'button' && !inline" name="dropdownbutton" :toggleCallback="onButtonClick">
             <button
@@ -909,6 +910,9 @@ export default {
                 ZIndex.set('overlay', el, this.baseZIndex || this.$primevue.config.zIndex.overlay);
             }
 
+            // Issue: #7508
+            this.$attrSelector && el.setAttribute(this.$attrSelector, '');
+
             this.alignOverlay();
             this.$emit('show');
         },
@@ -1489,7 +1493,7 @@ export default {
             event.preventDefault();
         },
         onClearButtonClick(event) {
-            this.updateModel(null);
+            this.updateModel(this.$formDefaultValue || null);
             this.overlayVisible = false;
             this.$emit('clear-click', event);
             event.preventDefault();
@@ -2531,8 +2535,11 @@ export default {
                 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) {
                         let cells;

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