primeng 18.0.0 → 18.0.2

package/fesm2022/primeng-table.mjs

@@ -10,8 +10,8 @@ import { OverlayService, FilterService, FilterOperator, FilterMatchMode, PrimeTe
 import { BaseComponent } from 'primeng/basecomponent';
 import * as i9 from 'primeng/button';
 import { Button, ButtonModule } from 'primeng/button';
-import * as i11 from 'primeng/calendar';
-import { CalendarModule } from 'primeng/calendar';
+import * as i11 from 'primeng/datepicker';
+import { DatePickerModule } from 'primeng/datepicker';
 import * as i7 from 'primeng/checkbox';
 import { CheckboxModule } from 'primeng/checkbox';
 import { DomHandler, ConnectedOverlayScrollHandler } from 'primeng/dom';
@@ -1121,7 +1121,7 @@ function Table_p_paginator_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("rows", ctx_r0.rows)("first", ctx_r0.first)("totalRecords", ctx_r0.totalRecords)("pageLinkSize", ctx_r0.pageLinks)("alwaysShow", ctx_r0.alwaysShowPaginator)("rowsPerPageOptions", ctx_r0.rowsPerPageOptions)("templateLeft", ctx_r0.paginatorLeftTemplate)("templateRight", ctx_r0.paginatorRightTemplate)("dropdownAppendTo", ctx_r0.paginatorDropdownAppendTo)("dropdownScrollHeight", ctx_r0.paginatorDropdownScrollHeight)("currentPageReportTemplate", ctx_r0.currentPageReportTemplate)("showFirstLastIcon", ctx_r0.showFirstLastIcon)("dropdownItemTemplate", ctx_r0.paginatorDropdownItemTemplate || ctx_r0._paginatorDropdownItemTemplate)("showCurrentPageReport", ctx_r0.showCurrentPageReport)("showJumpToPageDropdown", ctx_r0.showJumpToPageDropdown)("showJumpToPageInput", ctx_r0.showJumpToPageInput)("showPageLinks", ctx_r0.showPageLinks)("styleClass", ctx_r0.cx("pcPaginator"))("locale", ctx_r0.paginatorLocale);
+    i0.ɵɵproperty("rows", ctx_r0.rows)("first", ctx_r0.first)("totalRecords", ctx_r0.totalRecords)("pageLinkSize", ctx_r0.pageLinks)("alwaysShow", ctx_r0.alwaysShowPaginator)("rowsPerPageOptions", ctx_r0.rowsPerPageOptions)("templateLeft", ctx_r0.paginatorLeftTemplate)("templateRight", ctx_r0.paginatorRightTemplate)("dropdownAppendTo", ctx_r0.paginatorDropdownAppendTo)("dropdownScrollHeight", ctx_r0.paginatorDropdownScrollHeight)("currentPageReportTemplate", ctx_r0.currentPageReportTemplate)("showFirstLastIcon", ctx_r0.showFirstLastIcon)("dropdownItemTemplate", ctx_r0.paginatorDropdownItemTemplate || ctx_r0._paginatorDropdownItemTemplate)("showCurrentPageReport", ctx_r0.showCurrentPageReport)("showJumpToPageDropdown", ctx_r0.showJumpToPageDropdown)("showJumpToPageInput", ctx_r0.showJumpToPageInput)("showPageLinks", ctx_r0.showPageLinks)("styleClass", ctx_r0.cx("pcPaginator") + " " + ctx_r0.paginatorStyleClass && ctx_r0.paginatorStyleClass)("locale", ctx_r0.paginatorLocale);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", ctx_r0.paginatorDropdownIconTemplate || ctx_r0._paginatorDropdownIconTemplate);
     i0.ɵɵadvance();
@@ -1305,7 +1305,7 @@ function Table_p_paginator_11_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("rows", ctx_r0.rows)("first", ctx_r0.first)("totalRecords", ctx_r0.totalRecords)("pageLinkSize", ctx_r0.pageLinks)("alwaysShow", ctx_r0.alwaysShowPaginator)("rowsPerPageOptions", ctx_r0.rowsPerPageOptions)("templateLeft", ctx_r0.paginatorLeftTemplate || ctx_r0._paginatorLeftTemplate)("templateRight", ctx_r0.paginatorRightTemplate || ctx_r0._paginatorRightTemplate)("dropdownAppendTo", ctx_r0.paginatorDropdownAppendTo)("dropdownScrollHeight", ctx_r0.paginatorDropdownScrollHeight)("currentPageReportTemplate", ctx_r0.currentPageReportTemplate)("showFirstLastIcon", ctx_r0.showFirstLastIcon)("dropdownItemTemplate", ctx_r0.paginatorDropdownItemTemplate || ctx_r0._paginatorDropdownItemTemplate)("showCurrentPageReport", ctx_r0.showCurrentPageReport)("showJumpToPageDropdown", ctx_r0.showJumpToPageDropdown)("showJumpToPageInput", ctx_r0.showJumpToPageInput)("showPageLinks", ctx_r0.showPageLinks)("styleClass", ctx_r0.cx("pcPaginator"))("locale", ctx_r0.paginatorLocale);
+    i0.ɵɵproperty("rows", ctx_r0.rows)("first", ctx_r0.first)("totalRecords", ctx_r0.totalRecords)("pageLinkSize", ctx_r0.pageLinks)("alwaysShow", ctx_r0.alwaysShowPaginator)("rowsPerPageOptions", ctx_r0.rowsPerPageOptions)("templateLeft", ctx_r0.paginatorLeftTemplate || ctx_r0._paginatorLeftTemplate)("templateRight", ctx_r0.paginatorRightTemplate || ctx_r0._paginatorRightTemplate)("dropdownAppendTo", ctx_r0.paginatorDropdownAppendTo)("dropdownScrollHeight", ctx_r0.paginatorDropdownScrollHeight)("currentPageReportTemplate", ctx_r0.currentPageReportTemplate)("showFirstLastIcon", ctx_r0.showFirstLastIcon)("dropdownItemTemplate", ctx_r0.paginatorDropdownItemTemplate || ctx_r0._paginatorDropdownItemTemplate)("showCurrentPageReport", ctx_r0.showCurrentPageReport)("showJumpToPageDropdown", ctx_r0.showJumpToPageDropdown)("showJumpToPageInput", ctx_r0.showJumpToPageInput)("showPageLinks", ctx_r0.showPageLinks)("styleClass", ctx_r0.cx("pcPaginator") + " " + ctx_r0.paginatorStyleClass && ctx_r0.paginatorStyleClass)("locale", ctx_r0.paginatorLocale);
     i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", ctx_r0.paginatorDropdownIconTemplate || ctx_r0._paginatorDropdownIconTemplate);
     i0.ɵɵadvance();
@@ -2017,10 +2017,10 @@ function ColumnFilterFormElement_ng_template_1_p_checkbox_3_Template(rf, ctx) {
     const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("indeterminate", true)("binary", true)("ngModel", ctx_r0.filterConstraint == null ? null : ctx_r0.filterConstraint.value);
 } }
-function ColumnFilterFormElement_ng_template_1_p_calendar_4_Template(rf, ctx) { if (rf & 1) {
+function ColumnFilterFormElement_ng_template_1_p_datepicker_4_Template(rf, ctx) { if (rf & 1) {
     const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "p-calendar", 11);
-    i0.ɵɵlistener("ngModelChange", function ColumnFilterFormElement_ng_template_1_p_calendar_4_Template_p_calendar_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onModelChange($event)); });
+    i0.ɵɵelementStart(0, "p-datepicker", 11);
+    i0.ɵɵlistener("ngModelChange", function ColumnFilterFormElement_ng_template_1_p_datepicker_4_Template_p_datepicker_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r0.onModelChange($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext(2);
@@ -2028,7 +2028,7 @@ function ColumnFilterFormElement_ng_template_1_p_calendar_4_Template(rf, ctx) {
 } }
 function ColumnFilterFormElement_ng_template_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0, 3);
-    i0.ɵɵtemplate(1, ColumnFilterFormElement_ng_template_1_input_1_Template, 1, 3, "input", 4)(2, ColumnFilterFormElement_ng_template_1_p_inputNumber_2_Template, 1, 14, "p-inputNumber", 5)(3, ColumnFilterFormElement_ng_template_1_p_checkbox_3_Template, 1, 3, "p-checkbox", 6)(4, ColumnFilterFormElement_ng_template_1_p_calendar_4_Template, 1, 3, "p-calendar", 7);
+    i0.ɵɵtemplate(1, ColumnFilterFormElement_ng_template_1_input_1_Template, 1, 3, "input", 4)(2, ColumnFilterFormElement_ng_template_1_p_inputNumber_2_Template, 1, 14, "p-inputNumber", 5)(3, ColumnFilterFormElement_ng_template_1_p_checkbox_3_Template, 1, 3, "p-checkbox", 6)(4, ColumnFilterFormElement_ng_template_1_p_datepicker_4_Template, 1, 3, "p-datepicker", 7);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
@@ -4593,38 +4593,38 @@ class Table extends BaseComponent {
     }
     static ɵfac = /*@__PURE__*/ (() => { let ɵTable_BaseFactory; return function Table_Factory(__ngFactoryType__) { return (ɵTable_BaseFactory || (ɵTable_BaseFactory = i0.ɵɵgetInheritedFactory(Table)))(__ngFactoryType__ || Table); }; })();
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Table, selectors: [["p-table"]], contentQueries: function Table_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-            i0.ɵɵcontentQuery(dirIndex, _c0, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c1, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c2, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c3, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c4, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c5, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c6, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c7, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c8, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c9, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c10, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c11, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c12, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c13, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c14, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c15, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c16, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c17, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c18, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c19, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c20, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c21, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c22, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c23, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c24, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c25, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c26, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c27, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c28, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c29, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c30, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c31, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c0, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c1, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c2, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c3, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c4, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c5, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c6, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c7, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c8, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c9, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c10, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c11, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c12, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c13, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c14, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c15, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c16, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c17, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c18, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c19, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c20, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c21, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c22, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c23, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c24, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c25, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c26, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c27, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c28, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c29, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c30, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c31, 4);
             i0.ɵɵcontentQuery(dirIndex, PrimeTemplate, 4);
         } if (rf & 2) {
             let _t;
@@ -4758,7 +4758,7 @@ class Table extends BaseComponent {
                 [showJumpToPageDropdown]="showJumpToPageDropdown"
                 [showJumpToPageInput]="showJumpToPageInput"
                 [showPageLinks]="showPageLinks"
-                [styleClass]="cx('pcPaginator')"
+                [styleClass]="cx('pcPaginator') + ' ' + paginatorStyleClass && paginatorStyleClass"
                 [locale]="paginatorLocale"
             >
                 <ng-template pTemplate="dropdownicon" *ngIf="paginatorDropdownIconTemplate || _paginatorDropdownIconTemplate">
@@ -4900,7 +4900,7 @@ class Table extends BaseComponent {
                 [showJumpToPageDropdown]="showJumpToPageDropdown"
                 [showJumpToPageInput]="showJumpToPageInput"
                 [showPageLinks]="showPageLinks"
-                [styleClass]="cx('pcPaginator')"
+                [styleClass]="cx('pcPaginator') + ' ' + paginatorStyleClass && paginatorStyleClass"
                 [locale]="paginatorLocale"
             >
                 <ng-template pTemplate="dropdownicon" *ngIf="paginatorDropdownIconTemplate || _paginatorDropdownIconTemplate">
@@ -5229,100 +5229,100 @@ class Table extends BaseComponent {
             args: [PrimeTemplate]
         }], _headerTemplate: [{
             type: ContentChild,
-            args: ['header']
+            args: ['header', { descendants: false }]
         }], _headerGroupedTemplate: [{
             type: ContentChild,
-            args: ['headergrouped']
+            args: ['headergrouped', { descendants: false }]
         }], _bodyTemplate: [{
             type: ContentChild,
-            args: ['body']
+            args: ['body', { descendants: false }]
         }], _loadingBodyTemplate: [{
             type: ContentChild,
-            args: ['loadingbody']
+            args: ['loadingbody', { descendants: false }]
         }], _captionTemplate: [{
             type: ContentChild,
-            args: ['caption']
+            args: ['caption', { descendants: false }]
         }], _footerTemplate: [{
             type: ContentChild,
-            args: ['footer']
+            args: ['footer', { descendants: false }]
         }], _footerGroupedTemplate: [{
             type: ContentChild,
-            args: ['footergrouped']
+            args: ['footergrouped', { descendants: false }]
         }], _summaryTemplate: [{
             type: ContentChild,
-            args: ['summary']
+            args: ['summary', { descendants: false }]
         }], _colGroupTemplate: [{
             type: ContentChild,
-            args: ['colgroup']
+            args: ['colgroup', { descendants: false }]
         }], _expandedRowTemplate: [{
             type: ContentChild,
-            args: ['expandedrow']
+            args: ['expandedrow', { descendants: false }]
         }], _groupHeaderTemplate: [{
             type: ContentChild,
-            args: ['groupheader']
+            args: ['groupheader', { descendants: false }]
         }], _groupFooterTemplate: [{
             type: ContentChild,
-            args: ['groupfooter']
+            args: ['groupfooter', { descendants: false }]
         }], _frozenExpandedRowTemplate: [{
             type: ContentChild,
-            args: ['frozenexpandedrow']
+            args: ['frozenexpandedrow', { descendants: false }]
         }], _frozenHeaderTemplate: [{
             type: ContentChild,
-            args: ['frozenheader']
+            args: ['frozenheader', { descendants: false }]
         }], _frozenBodyTemplate: [{
             type: ContentChild,
-            args: ['frozenbody']
+            args: ['frozenbody', { descendants: false }]
         }], _frozenFooterTemplate: [{
             type: ContentChild,
-            args: ['frozenfooter']
+            args: ['frozenfooter', { descendants: false }]
         }], _frozenColGroupTemplate: [{
             type: ContentChild,
-            args: ['frozencolgroup']
+            args: ['frozencolgroup', { descendants: false }]
         }], _emptyMessageTemplate: [{
             type: ContentChild,
-            args: ['emptymessage']
+            args: ['emptymessage', { descendants: false }]
         }], _paginatorLeftTemplate: [{
             type: ContentChild,
-            args: ['paginatorleft']
+            args: ['paginatorleft', { descendants: false }]
         }], _paginatorRightTemplate: [{
             type: ContentChild,
-            args: ['paginatorright']
+            args: ['paginatorright', { descendants: false }]
         }], _paginatorDropdownItemTemplate: [{
             type: ContentChild,
-            args: ['paginatordropdownitem']
+            args: ['paginatordropdownitem', { descendants: false }]
         }], _loadingIconTemplate: [{
             type: ContentChild,
-            args: ['loadingicon']
+            args: ['loadingicon', { descendants: false }]
         }], _reorderIndicatorUpIconTemplate: [{
             type: ContentChild,
-            args: ['reorderindicatorupicon']
+            args: ['reorderindicatorupicon', { descendants: false }]
         }], _reorderIndicatorDownIconTemplate: [{
             type: ContentChild,
-            args: ['reorderindicatordownicon']
+            args: ['reorderindicatordownicon', { descendants: false }]
         }], _sortIconTemplate: [{
             type: ContentChild,
-            args: ['sorticon']
+            args: ['sorticon', { descendants: false }]
         }], _checkboxIconTemplate: [{
             type: ContentChild,
-            args: ['checkboxicon']
+            args: ['checkboxicon', { descendants: false }]
         }], _headerCheckboxIconTemplate: [{
             type: ContentChild,
-            args: ['headercheckboxicon']
+            args: ['headercheckboxicon', { descendants: false }]
         }], _paginatorDropdownIconTemplate: [{
             type: ContentChild,
-            args: ['paginatordropdownicon']
+            args: ['paginatordropdownicon', { descendants: false }]
         }], _paginatorFirstPageLinkIconTemplate: [{
             type: ContentChild,
-            args: ['paginatorfirstpagelinkicon']
+            args: ['paginatorfirstpagelinkicon', { descendants: false }]
         }], _paginatorLastPageLinkIconTemplate: [{
             type: ContentChild,
-            args: ['paginatorlastpagelinkicon']
+            args: ['paginatorlastpagelinkicon', { descendants: false }]
         }], _paginatorPreviousPageLinkIconTemplate: [{
             type: ContentChild,
-            args: ['paginatorpreviouspagelinkicon']
+            args: ['paginatorpreviouspagelinkicon', { descendants: false }]
         }], _paginatorNextPageLinkIconTemplate: [{
             type: ContentChild,
-            args: ['paginatornextpagelinkicon']
+            args: ['paginatornextpagelinkicon', { descendants: false }]
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(Table, { className: "Table" }); })();
 class TableBody {
@@ -5772,8 +5772,19 @@ class SortableColumn {
         }
     }
     updateSortState() {
-        this.sorted = this.dt.isSorted(this.field);
-        this.sortOrder = this.sorted ? (this.dt.sortOrder === 1 ? 'ascending' : 'descending') : 'none';
+        let sorted = false;
+        let sortOrder = 0;
+        if (this.dt.sortMode === 'single') {
+            sorted = this.dt.isSorted(this.field);
+            sortOrder = this.dt.sortOrder;
+        }
+        else if (this.dt.sortMode === 'multiple') {
+            const sortMeta = this.dt.getSortMeta(this.field);
+            sorted = !!sortMeta;
+            sortOrder = sortMeta ? sortMeta.order : 0;
+        }
+        this.sorted = sorted;
+        this.sortOrder = sorted ? (sortOrder === 1 ? 'ascending' : 'descending') : 'none';
     }
     onClick(event) {
         if (this.isEnabled() && !this.isFilterElement(event.target)) {
@@ -8133,13 +8144,13 @@ class ColumnFilter extends BaseComponent {
     }
     static ɵfac = /*@__PURE__*/ (() => { let ɵColumnFilter_BaseFactory; return function ColumnFilter_Factory(__ngFactoryType__) { return (ɵColumnFilter_BaseFactory || (ɵColumnFilter_BaseFactory = i0.ɵɵgetInheritedFactory(ColumnFilter)))(__ngFactoryType__ || ColumnFilter); }; })();
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ColumnFilter, selectors: [["p-columnFilter"]], contentQueries: function ColumnFilter_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
-            i0.ɵɵcontentQuery(dirIndex, _c0, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c54, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c5, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c55, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c56, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c57, 5);
-            i0.ɵɵcontentQuery(dirIndex, _c58, 5);
+            i0.ɵɵcontentQuery(dirIndex, _c0, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c54, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c5, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c55, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c56, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c57, 4);
+            i0.ɵɵcontentQuery(dirIndex, _c58, 4);
             i0.ɵɵcontentQuery(dirIndex, PrimeTemplate, 4);
         } if (rf & 2) {
             let _t;
@@ -8412,25 +8423,25 @@ class ColumnFilter extends BaseComponent {
             args: [PrimeTemplate]
         }], _headerTemplate: [{
             type: ContentChild,
-            args: ['header']
+            args: ['header', { descendants: false }]
         }], _filterTemplate: [{
             type: ContentChild,
-            args: ['filter']
+            args: ['filter', { descendants: false }]
         }], _footerTemplate: [{
             type: ContentChild,
-            args: ['footer']
+            args: ['footer', { descendants: false }]
         }], _filterIconTemplate: [{
             type: ContentChild,
-            args: ['filtericon']
+            args: ['filtericon', { descendants: false }]
         }], _removeRuleIconTemplate: [{
             type: ContentChild,
-            args: ['removeruleicon']
+            args: ['removeruleicon', { descendants: false }]
         }], _addRuleIconTemplate: [{
             type: ContentChild,
-            args: ['addruleicon']
+            args: ['addruleicon', { descendants: false }]
         }], _clearFilterIconTemplate: [{
             type: ContentChild,
-            args: ['clearfiltericon']
+            args: ['clearfiltericon', { descendants: false }]
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ColumnFilter, { className: "ColumnFilter" }); })();
 class ColumnFilterFormElement {
@@ -8487,7 +8498,7 @@ class ColumnFilterFormElement {
         } if (rf & 2) {
             const builtInElement_r6 = i0.ɵɵreference(2);
             i0.ɵɵproperty("ngIf", ctx.filterTemplate)("ngIfElse", builtInElement_r6);
-        } }, dependencies: [i1.NgIf, i1.NgTemplateOutlet, i1.NgSwitch, i1.NgSwitchCase, i10.InputText, i5.NgControlStatus, i5.NgModel, i11.Calendar, i12.InputNumber, i7.Checkbox], encapsulation: 2 });
+        } }, dependencies: [i1.NgIf, i1.NgTemplateOutlet, i1.NgSwitch, i1.NgSwitchCase, i10.InputText, i5.NgControlStatus, i5.NgModel, i11.DatePicker, i12.InputNumber, i7.Checkbox], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ColumnFilterFormElement, [{
         type: Component,
@@ -8552,7 +8563,7 @@ class ColumnFilterFormElement {
                 ></p-inputNumber>
                 <p-checkbox [indeterminate]="true" [binary]="true" *ngSwitchCase="'boolean'" [ngModel]="filterConstraint?.value" (ngModelChange)="onModelChange($event)" />
 
-                <p-calendar [ariaLabel]="ariaLabel" *ngSwitchCase="'date'" [placeholder]="placeholder" [ngModel]="filterConstraint?.value" (ngModelChange)="onModelChange($event)" appendTo="body"></p-calendar>
+                <p-datepicker [ariaLabel]="ariaLabel" *ngSwitchCase="'date'" [placeholder]="placeholder" [ngModel]="filterConstraint?.value" (ngModelChange)="onModelChange($event)" appendTo="body"></p-datepicker>
             </ng-container>
         </ng-template>
     `,
@@ -8603,7 +8614,7 @@ class TableModule {
             FormsModule,
             ButtonModule,
             SelectButtonModule,
-            CalendarModule,
+            DatePickerModule,
             InputNumberModule,
             CheckboxModule,
             ScrollerModule,
@@ -8632,7 +8643,7 @@ class TableModule {
                     FormsModule,
                     ButtonModule,
                     SelectButtonModule,
-                    CalendarModule,
+                    DatePickerModule,
                     InputNumberModule,
                     CheckboxModule,
                     ScrollerModule,
@@ -8714,7 +8725,7 @@ class TableModule {
         FormsModule,
         ButtonModule,
         SelectButtonModule,
-        CalendarModule,
+        DatePickerModule,
         InputNumberModule,
         CheckboxModule,
         ScrollerModule,