T1330038: TypeError - DataGrid does not accept groupInterval as an array (#34080)

Raushen · Raushen · web-flow · commit 24f767d0af36 · 2026-06-19T18:22:16.000+03:00
Co-authored-by: Raushen &lt;eylau-andrew@mail.ru&gt;
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/column-header-filter.ts b/packages/devextreme-angular/src/ui/card-view/nested/column-header-filter.ts
@@ -60,10 +60,10 @@ export class DxoCardViewColumnHeaderFilterComponent extends NestedOption impleme
     }
 
     @Input()
-    get groupInterval(): HeaderFilterGroupInterval | number | undefined {
+    get groupInterval(): Array<number | string> | HeaderFilterGroupInterval | number | undefined {
         return this._getOption('groupInterval');
     }
-    set groupInterval(value: HeaderFilterGroupInterval | number | undefined) {
+    set groupInterval(value: Array<number | string> | HeaderFilterGroupInterval | number | undefined) {
         this._setOption('groupInterval', value);
     }
 
diff --git a/packages/devextreme-angular/src/ui/card-view/nested/header-filter.ts b/packages/devextreme-angular/src/ui/card-view/nested/header-filter.ts
@@ -60,10 +60,10 @@ export class DxoCardViewHeaderFilterComponent extends NestedOption implements On
     }
 
     @Input()
-    get groupInterval(): HeaderFilterGroupInterval | number | undefined {
+    get groupInterval(): Array<number | string> | HeaderFilterGroupInterval | number | undefined {
         return this._getOption('groupInterval');
     }
-    set groupInterval(value: HeaderFilterGroupInterval | number | undefined) {
+    set groupInterval(value: Array<number | string> | HeaderFilterGroupInterval | number | undefined) {
         this._setOption('groupInterval', value);
     }
 
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/column-header-filter.ts b/packages/devextreme-angular/src/ui/data-grid/nested/column-header-filter.ts
@@ -60,10 +60,10 @@ export class DxoDataGridColumnHeaderFilterComponent extends NestedOption impleme
     }
 
     @Input()
-    get groupInterval(): HeaderFilterGroupInterval | number | undefined {
+    get groupInterval(): Array<number | string> | HeaderFilterGroupInterval | number | undefined {
         return this._getOption('groupInterval');
     }
-    set groupInterval(value: HeaderFilterGroupInterval | number | undefined) {
+    set groupInterval(value: Array<number | string> | HeaderFilterGroupInterval | number | undefined) {
         this._setOption('groupInterval', value);
     }
 
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/header-filter.ts b/packages/devextreme-angular/src/ui/data-grid/nested/header-filter.ts
@@ -60,10 +60,10 @@ export class DxoDataGridHeaderFilterComponent extends NestedOption implements On
     }
 
     @Input()
-    get groupInterval(): HeaderFilterGroupInterval | number | undefined {
+    get groupInterval(): Array<number | string> | HeaderFilterGroupInterval | number | undefined {
         return this._getOption('groupInterval');
     }
-    set groupInterval(value: HeaderFilterGroupInterval | number | undefined) {
+    set groupInterval(value: Array<number | string> | HeaderFilterGroupInterval | number | undefined) {
         this._setOption('groupInterval', value);
     }
 
diff --git a/packages/devextreme-angular/src/ui/gantt/nested/column-header-filter.ts b/packages/devextreme-angular/src/ui/gantt/nested/column-header-filter.ts
@@ -60,10 +60,10 @@ export class DxoGanttColumnHeaderFilterComponent extends NestedOption implements
     }
 
     @Input()
-    get groupInterval(): HeaderFilterGroupInterval | number | undefined {
+    get groupInterval(): Array<number | string> | HeaderFilterGroupInterval | number | undefined {
         return this._getOption('groupInterval');
     }
-    set groupInterval(value: HeaderFilterGroupInterval | number | undefined) {
+    set groupInterval(value: Array<number | string> | HeaderFilterGroupInterval | number | undefined) {
         this._setOption('groupInterval', value);
     }
 
diff --git a/packages/devextreme-angular/src/ui/gantt/nested/header-filter.ts b/packages/devextreme-angular/src/ui/gantt/nested/header-filter.ts
@@ -61,10 +61,10 @@ export class DxoGanttHeaderFilterComponent extends NestedOption implements OnDes
     }
 
     @Input()
-    get groupInterval(): HeaderFilterGroupInterval | number | undefined {
+    get groupInterval(): Array<number | string> | HeaderFilterGroupInterval | number | undefined {
         return this._getOption('groupInterval');
     }
-    set groupInterval(value: HeaderFilterGroupInterval | number | undefined) {
+    set groupInterval(value: Array<number | string> | HeaderFilterGroupInterval | number | undefined) {
         this._setOption('groupInterval', value);
     }
 
diff --git a/packages/devextreme-angular/src/ui/nested/base/column-header-filter.ts b/packages/devextreme-angular/src/ui/nested/base/column-header-filter.ts
@@ -36,10 +36,10 @@ export abstract class DxoColumnHeaderFilter extends NestedOption {
         this._setOption('dataSource', value);
     }
 
-    get groupInterval(): HeaderFilterGroupInterval | number | undefined {
+    get groupInterval(): HeaderFilterGroupInterval | number | undefined | Array<string | number> {
         return this._getOption('groupInterval');
     }
-    set groupInterval(value: HeaderFilterGroupInterval | number | undefined) {
+    set groupInterval(value: HeaderFilterGroupInterval | number | undefined | Array<string | number>) {
         this._setOption('groupInterval', value);
     }
 
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/column-header-filter.ts b/packages/devextreme-angular/src/ui/tree-list/nested/column-header-filter.ts
@@ -60,10 +60,10 @@ export class DxoTreeListColumnHeaderFilterComponent extends NestedOption impleme
     }
 
     @Input()
-    get groupInterval(): HeaderFilterGroupInterval | number | undefined {
+    get groupInterval(): Array<number | string> | HeaderFilterGroupInterval | number | undefined {
         return this._getOption('groupInterval');
     }
-    set groupInterval(value: HeaderFilterGroupInterval | number | undefined) {
+    set groupInterval(value: Array<number | string> | HeaderFilterGroupInterval | number | undefined) {
         this._setOption('groupInterval', value);
     }
 
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/header-filter.ts b/packages/devextreme-angular/src/ui/tree-list/nested/header-filter.ts
@@ -60,10 +60,10 @@ export class DxoTreeListHeaderFilterComponent extends NestedOption implements On
     }
 
     @Input()
-    get groupInterval(): HeaderFilterGroupInterval | number | undefined {
+    get groupInterval(): Array<number | string> | HeaderFilterGroupInterval | number | undefined {
         return this._getOption('groupInterval');
     }
-    set groupInterval(value: HeaderFilterGroupInterval | number | undefined) {
+    set groupInterval(value: Array<number | string> | HeaderFilterGroupInterval | number | undefined) {
         this._setOption('groupInterval', value);
     }
 
diff --git a/packages/devextreme-react/src/card-view.ts b/packages/devextreme-react/src/card-view.ts
@@ -818,7 +818,7 @@ type IColumnHeaderFilterProps = React.PropsWithChildren<{
   allowSearch?: boolean;
   allowSelectAll?: boolean;
   dataSource?: Array<any> | DataSourceOptions | ((options: { component: Record<string, any>, dataSource: DataSourceOptions | null }) => void) | null | Store | undefined;
-  groupInterval?: HeaderFilterGroupInterval | number | undefined;
+  groupInterval?: Array<number | string> | HeaderFilterGroupInterval | number | undefined;
   height?: number | string | undefined;
   search?: ColumnHeaderFilterSearchConfig;
   searchMode?: SearchMode;
@@ -1562,7 +1562,7 @@ type IHeaderFilterProps = React.PropsWithChildren<{
   allowSearch?: boolean;
   allowSelectAll?: boolean;
   dataSource?: Array<any> | DataSourceOptions | ((options: { component: Record<string, any>, dataSource: DataSourceOptions | null }) => void) | null | Store | undefined;
-  groupInterval?: HeaderFilterGroupInterval | number | undefined;
+  groupInterval?: Array<number | string> | HeaderFilterGroupInterval | number | undefined;
   height?: number | string | undefined;
   search?: ColumnHeaderFilterSearchConfig | HeaderFilterSearchConfig;
   searchMode?: SearchMode;
diff --git a/packages/devextreme-react/src/data-grid.ts b/packages/devextreme-react/src/data-grid.ts
@@ -869,7 +869,7 @@ type IColumnHeaderFilterProps = React.PropsWithChildren<{
   allowSearch?: boolean;
   allowSelectAll?: boolean;
   dataSource?: Array<any> | DataSourceOptions | ((options: { component: Record<string, any>, dataSource: DataSourceOptions | null }) => void) | null | Store | undefined;
-  groupInterval?: HeaderFilterGroupInterval | number | undefined;
+  groupInterval?: Array<number | string> | HeaderFilterGroupInterval | number | undefined;
   height?: number | string | undefined;
   search?: ColumnHeaderFilterSearchConfig;
   searchMode?: SearchMode;
@@ -2230,7 +2230,7 @@ type IHeaderFilterProps = React.PropsWithChildren<{
   allowSearch?: boolean;
   allowSelectAll?: boolean;
   dataSource?: Array<any> | DataSourceOptions | ((options: { component: Record<string, any>, dataSource: DataSourceOptions | null }) => void) | null | Store | undefined;
-  groupInterval?: HeaderFilterGroupInterval | number | undefined;
+  groupInterval?: Array<number | string> | HeaderFilterGroupInterval | number | undefined;
   height?: number | string | undefined;
   search?: ColumnHeaderFilterSearchConfig | HeaderFilterSearchConfig;
   searchMode?: SearchMode;
diff --git a/packages/devextreme-react/src/gantt.ts b/packages/devextreme-react/src/gantt.ts
@@ -241,7 +241,7 @@ type IColumnHeaderFilterProps = React.PropsWithChildren<{
   allowSearch?: boolean;
   allowSelectAll?: boolean;
   dataSource?: Array<any> | DataSourceOptions | ((options: { component: Record<string, any>, dataSource: DataSourceOptions | null }) => void) | null | Store | undefined;
-  groupInterval?: HeaderFilterGroupInterval | number | undefined;
+  groupInterval?: Array<number | string> | HeaderFilterGroupInterval | number | undefined;
   height?: number | string | undefined;
   search?: ColumnHeaderFilterSearchConfig;
   searchMode?: SearchMode;
@@ -541,7 +541,7 @@ type IHeaderFilterProps = React.PropsWithChildren<{
   allowSearch?: boolean;
   allowSelectAll?: boolean;
   dataSource?: Array<any> | DataSourceOptions | ((options: { component: Record<string, any>, dataSource: DataSourceOptions | null }) => void) | null | Store | undefined;
-  groupInterval?: HeaderFilterGroupInterval | number | undefined;
+  groupInterval?: Array<number | string> | HeaderFilterGroupInterval | number | undefined;
   height?: number | string | undefined;
   search?: ColumnHeaderFilterSearchConfig | HeaderFilterSearchConfig;
   searchMode?: SearchMode;
diff --git a/packages/devextreme-react/src/tree-list.ts b/packages/devextreme-react/src/tree-list.ts
@@ -825,7 +825,7 @@ type IColumnHeaderFilterProps = React.PropsWithChildren<{
   allowSearch?: boolean;
   allowSelectAll?: boolean;
   dataSource?: Array<any> | DataSourceOptions | ((options: { component: Record<string, any>, dataSource: DataSourceOptions | null }) => void) | null | Store | undefined;
-  groupInterval?: HeaderFilterGroupInterval | number | undefined;
+  groupInterval?: Array<number | string> | HeaderFilterGroupInterval | number | undefined;
   height?: number | string | undefined;
   search?: ColumnHeaderFilterSearchConfig;
   searchMode?: SearchMode;
@@ -1889,7 +1889,7 @@ type IHeaderFilterProps = React.PropsWithChildren<{
   allowSearch?: boolean;
   allowSelectAll?: boolean;
   dataSource?: Array<any> | DataSourceOptions | ((options: { component: Record<string, any>, dataSource: DataSourceOptions | null }) => void) | null | Store | undefined;
-  groupInterval?: HeaderFilterGroupInterval | number | undefined;
+  groupInterval?: Array<number | string> | HeaderFilterGroupInterval | number | undefined;
   height?: number | string | undefined;
   search?: ColumnHeaderFilterSearchConfig | HeaderFilterSearchConfig;
   searchMode?: SearchMode;
diff --git a/packages/devextreme-vue/src/card-view.ts b/packages/devextreme-vue/src/card-view.ts
@@ -1182,7 +1182,7 @@ const DxColumnHeaderFilterConfig = {
     allowSearch: Boolean,
     allowSelectAll: Boolean,
     dataSource: [Array, Object, Function] as PropType<Array<any> | DataSourceOptions | (((options: { component: Record<string, any>, dataSource: DataSourceOptions | null }) => void)) | null | Store | Record<string, any>>,
-    groupInterval: [String, Number] as PropType<HeaderFilterGroupInterval | number>,
+    groupInterval: [Array, String, Number] as PropType<(Array<number | string>) | HeaderFilterGroupInterval | number>,
     height: [Number, String],
     search: Object as PropType<ColumnHeaderFilterSearchConfig | HeaderFilterSearchConfig | Record<string, any>>,
     searchMode: String as PropType<SearchMode>,
@@ -1995,7 +1995,7 @@ const DxHeaderFilterConfig = {
     allowSearch: Boolean,
     allowSelectAll: Boolean,
     dataSource: [Array, Object, Function] as PropType<Array<any> | DataSourceOptions | (((options: { component: Record<string, any>, dataSource: DataSourceOptions | null }) => void)) | null | Store | Record<string, any>>,
-    groupInterval: [String, Number] as PropType<HeaderFilterGroupInterval | number>,
+    groupInterval: [Array, String, Number] as PropType<(Array<number | string>) | HeaderFilterGroupInterval | number>,
     height: [Number, String],
     search: Object as PropType<ColumnHeaderFilterSearchConfig | HeaderFilterSearchConfig | Record<string, any>>,
     searchMode: String as PropType<SearchMode>,
diff --git a/packages/devextreme-vue/src/data-grid.ts b/packages/devextreme-vue/src/data-grid.ts
@@ -1395,7 +1395,7 @@ const DxColumnHeaderFilterConfig = {
     allowSearch: Boolean,
     allowSelectAll: Boolean,
     dataSource: [Array, Object, Function] as PropType<Array<any> | DataSourceOptions | (((options: { component: Record<string, any>, dataSource: DataSourceOptions | null }) => void)) | null | Store | Record<string, any>>,
-    groupInterval: [String, Number] as PropType<HeaderFilterGroupInterval | number>,
+    groupInterval: [Array, String, Number] as PropType<(Array<number | string>) | HeaderFilterGroupInterval | number>,
     height: [Number, String],
     search: Object as PropType<ColumnHeaderFilterSearchConfig | HeaderFilterSearchConfig | Record<string, any>>,
     searchMode: String as PropType<SearchMode>,
@@ -2886,7 +2886,7 @@ const DxHeaderFilterConfig = {
     allowSearch: Boolean,
     allowSelectAll: Boolean,
     dataSource: [Array, Object, Function] as PropType<Array<any> | DataSourceOptions | (((options: { component: Record<string, any>, dataSource: DataSourceOptions | null }) => void)) | null | Store | Record<string, any>>,
-    groupInterval: [String, Number] as PropType<HeaderFilterGroupInterval | number>,
+    groupInterval: [Array, String, Number] as PropType<(Array<number | string>) | HeaderFilterGroupInterval | number>,
     height: [Number, String],
     search: Object as PropType<ColumnHeaderFilterSearchConfig | HeaderFilterSearchConfig | Record<string, any>>,
     searchMode: String as PropType<SearchMode>,
diff --git a/packages/devextreme-vue/src/gantt.ts b/packages/devextreme-vue/src/gantt.ts
@@ -454,7 +454,7 @@ const DxColumnHeaderFilterConfig = {
     allowSearch: Boolean,
     allowSelectAll: Boolean,
     dataSource: [Array, Object, Function] as PropType<Array<any> | DataSourceOptions | (((options: { component: Record<string, any>, dataSource: DataSourceOptions | null }) => void)) | null | Store | Record<string, any>>,
-    groupInterval: [String, Number] as PropType<HeaderFilterGroupInterval | number>,
+    groupInterval: [Array, String, Number] as PropType<(Array<number | string>) | HeaderFilterGroupInterval | number>,
     height: [Number, String],
     search: Object as PropType<ColumnHeaderFilterSearchConfig | HeaderFilterSearchConfig | Record<string, any>>,
     searchMode: String as PropType<SearchMode>,
@@ -796,7 +796,7 @@ const DxHeaderFilterConfig = {
     allowSearch: Boolean,
     allowSelectAll: Boolean,
     dataSource: [Array, Object, Function] as PropType<Array<any> | DataSourceOptions | (((options: { component: Record<string, any>, dataSource: DataSourceOptions | null }) => void)) | null | Store | Record<string, any>>,
-    groupInterval: [String, Number] as PropType<HeaderFilterGroupInterval | number>,
+    groupInterval: [Array, String, Number] as PropType<(Array<number | string>) | HeaderFilterGroupInterval | number>,
     height: [Number, String],
     search: Object as PropType<ColumnHeaderFilterSearchConfig | HeaderFilterSearchConfig | Record<string, any>>,
     searchMode: String as PropType<SearchMode>,
diff --git a/packages/devextreme-vue/src/tree-list.ts b/packages/devextreme-vue/src/tree-list.ts
@@ -1370,7 +1370,7 @@ const DxColumnHeaderFilterConfig = {
     allowSearch: Boolean,
     allowSelectAll: Boolean,
     dataSource: [Array, Object, Function] as PropType<Array<any> | DataSourceOptions | (((options: { component: Record<string, any>, dataSource: DataSourceOptions | null }) => void)) | null | Store | Record<string, any>>,
-    groupInterval: [String, Number] as PropType<HeaderFilterGroupInterval | number>,
+    groupInterval: [Array, String, Number] as PropType<(Array<number | string>) | HeaderFilterGroupInterval | number>,
     height: [Number, String],
     search: Object as PropType<ColumnHeaderFilterSearchConfig | HeaderFilterSearchConfig | Record<string, any>>,
     searchMode: String as PropType<SearchMode>,
@@ -2549,7 +2549,7 @@ const DxHeaderFilterConfig = {
     allowSearch: Boolean,
     allowSelectAll: Boolean,
     dataSource: [Array, Object, Function] as PropType<Array<any> | DataSourceOptions | (((options: { component: Record<string, any>, dataSource: DataSourceOptions | null }) => void)) | null | Store | Record<string, any>>,
-    groupInterval: [String, Number] as PropType<HeaderFilterGroupInterval | number>,
+    groupInterval: [Array, String, Number] as PropType<(Array<number | string>) | HeaderFilterGroupInterval | number>,
     height: [Number, String],
     search: Object as PropType<ColumnHeaderFilterSearchConfig | HeaderFilterSearchConfig | Record<string, any>>,
     searchMode: String as PropType<SearchMode>,
diff --git a/packages/devextreme/js/__internal/filter_builder/__tests__/__mock__/model/filter_builder.ts b/packages/devextreme/js/__internal/filter_builder/__tests__/__mock__/model/filter_builder.ts
@@ -1,5 +1,5 @@
 import { PopupModel } from '@ts/ui/__tests__/__mock__/model/popup';
-import { TreeViewModel } from '@ts/ui/__tests__/__mock__/model/tree_view';
+import { TreeViewModel } from '@ts/ui/__tests__/__mock__/model/tree_view/tree_view';
 
 const CLASSES = {
   filterBuilder: 'dx-filterbuilder',
diff --git a/packages/devextreme/js/__internal/grids/grid_core/__tests__/__mock__/model/column_chooser.ts b/packages/devextreme/js/__internal/grids/grid_core/__tests__/__mock__/model/column_chooser.ts
@@ -1,5 +1,5 @@
 import { PopupModel } from '@ts/ui/__tests__/__mock__/model/popup';
-import { TreeViewModel } from '@ts/ui/__tests__/__mock__/model/tree_view';
+import { TreeViewModel } from '@ts/ui/__tests__/__mock__/model/tree_view/tree_view';
 
 export class ColumnChooserModel extends PopupModel {
   private readonly columnChooserListClass: string;
diff --git a/packages/devextreme/js/__internal/grids/grid_core/__tests__/__mock__/model/grid_core.ts b/packages/devextreme/js/__internal/grids/grid_core/__tests__/__mock__/model/grid_core.ts
@@ -15,6 +15,7 @@ import { ColumnChooserModel } from './column_chooser';
 import { ConfirmationDialogModel } from './confirmation_dialog';
 import { EditFormModel } from './edit_form';
 import { FilterPanelModel } from './filter_panel';
+import { HeaderFilterModel } from './header_filter';
 import { DataRowModel } from './row/data_row';
 import { FilterRowModel } from './row/filter_row';
 import { GroupRowModel } from './row/group_row';
@@ -81,6 +82,12 @@ export abstract class GridCoreModel<TInstance = GridBase | CardView> {
     return $headerCell.find(headerFilterSelector);
   }
 
+  public openHeaderFilter(columnIndex: number): HeaderFilterModel {
+    (this.getHeaderCellFilter(columnIndex).get(0) as HTMLElement).click();
+
+    return new HeaderFilterModel();
+  }
+
   public getDataRows(): NodeListOf<HTMLElement> {
     return this.root.querySelectorAll(`.${SELECTORS.dataRowClass}`);
   }
diff --git a/packages/devextreme/js/__internal/grids/grid_core/__tests__/__mock__/model/header_filter.ts b/packages/devextreme/js/__internal/grids/grid_core/__tests__/__mock__/model/header_filter.ts
@@ -1,8 +1,10 @@
 import { PopupModel } from '@ts/ui/__tests__/__mock__/model/popup';
+import { TreeViewModel } from '@ts/ui/__tests__/__mock__/model/tree_view/tree_view';
 
 const CLASSES = {
   headerFilterMenu: 'dx-header-filter-menu',
   listItemContent: 'dx-list-item-content',
+  treeView: 'dx-treeview',
 };
 
 const SELECTORS = {
@@ -15,6 +17,12 @@ export class HeaderFilterModel extends PopupModel {
     return popup?.querySelector(SELECTORS.okButton) as HTMLElement;
   }
 
+  public getTreeView(): TreeViewModel {
+    const popup = this.getPopupWrapper();
+    const treeViewElement = popup?.querySelector(`.${CLASSES.treeView}`) as HTMLElement;
+    return new TreeViewModel(treeViewElement);
+  }
+
   public getListItems(): HTMLElement[] {
     const popup = this.getPopupWrapper();
     const listItems = popup?.querySelectorAll(`.${CLASSES.listItemContent}`);
diff --git a/packages/devextreme/js/__internal/grids/grid_core/header_filter/__tests__/header_filter.integration.test.ts b/packages/devextreme/js/__internal/grids/grid_core/header_filter/__tests__/header_filter.integration.test.ts
diff --git a/packages/devextreme/js/__internal/grids/grid_core/header_filter/__tests__/utils.test.ts b/packages/devextreme/js/__internal/grids/grid_core/header_filter/__tests__/utils.test.ts
diff --git a/packages/devextreme/js/__internal/ui/__tests__/__mock__/model/tree_view.ts b/packages/devextreme/js/__internal/ui/__tests__/__mock__/model/tree_view.ts
diff --git a/packages/devextreme/js/__internal/ui/__tests__/__mock__/model/tree_view/node.ts b/packages/devextreme/js/__internal/ui/__tests__/__mock__/model/tree_view/node.ts
diff --git a/packages/devextreme/js/__internal/ui/__tests__/__mock__/model/tree_view/tree_view.ts b/packages/devextreme/js/__internal/ui/__tests__/__mock__/model/tree_view/tree_view.ts
diff --git a/packages/devextreme/js/__internal/ui/__tests__/__mock__/model/tree_view/types.ts b/packages/devextreme/js/__internal/ui/__tests__/__mock__/model/tree_view/types.ts
diff --git a/packages/devextreme/js/common/grids.d.ts b/packages/devextreme/js/common/grids.d.ts
diff --git a/packages/devextreme/ts/dx.all.d.ts b/packages/devextreme/ts/dx.all.d.ts

Original file line number	Diff line number	Diff line change
`@@ -60,10 +60,10 @@ export class DxoCardViewColumnHeaderFilterComponent extends NestedOption impleme`
`60`	`60`	`}`
`61`	`61`
`62`	`62`	`@Input()`
`63`		`- get groupInterval(): HeaderFilterGroupInterval \| number \| undefined {`
	`63`	`+ get groupInterval(): Array<number \| string> \| HeaderFilterGroupInterval \| number \| undefined {`
`64`	`64`	`return this._getOption('groupInterval');`
`65`	`65`	`}`
`66`		`- set groupInterval(value: HeaderFilterGroupInterval \| number \| undefined) {`
	`66`	`+ set groupInterval(value: Array<number \| string> \| HeaderFilterGroupInterval \| number \| undefined) {`
`67`	`67`	`this._setOption('groupInterval', value);`
`68`	`68`	`}`
`69`	`69`
Original file line number	Diff line number	Diff line change
`@@ -60,10 +60,10 @@ export class DxoDataGridColumnHeaderFilterComponent extends NestedOption impleme`
`60`	`60`	`}`
`61`	`61`
`62`	`62`	`@Input()`
`63`		`- get groupInterval(): HeaderFilterGroupInterval \| number \| undefined {`
	`63`	`+ get groupInterval(): Array<number \| string> \| HeaderFilterGroupInterval \| number \| undefined {`
`64`	`64`	`return this._getOption('groupInterval');`
`65`	`65`	`}`
`66`		`- set groupInterval(value: HeaderFilterGroupInterval \| number \| undefined) {`
	`66`	`+ set groupInterval(value: Array<number \| string> \| HeaderFilterGroupInterval \| number \| undefined) {`
`67`	`67`	`this._setOption('groupInterval', value);`
`68`	`68`	`}`
`69`	`69`
Original file line number	Diff line number	Diff line change
`@@ -60,10 +60,10 @@ export class DxoGanttColumnHeaderFilterComponent extends NestedOption implements`
`60`	`60`	`}`
`61`	`61`
`62`	`62`	`@Input()`
`63`		`- get groupInterval(): HeaderFilterGroupInterval \| number \| undefined {`
	`63`	`+ get groupInterval(): Array<number \| string> \| HeaderFilterGroupInterval \| number \| undefined {`
`64`	`64`	`return this._getOption('groupInterval');`
`65`	`65`	`}`
`66`		`- set groupInterval(value: HeaderFilterGroupInterval \| number \| undefined) {`
	`66`	`+ set groupInterval(value: Array<number \| string> \| HeaderFilterGroupInterval \| number \| undefined) {`
`67`	`67`	`this._setOption('groupInterval', value);`
`68`	`68`	`}`
`69`	`69`
Original file line number	Diff line number	Diff line change
`@@ -61,10 +61,10 @@ export class DxoGanttHeaderFilterComponent extends NestedOption implements OnDes`
`61`	`61`	`}`
`62`	`62`
`63`	`63`	`@Input()`
`64`		`- get groupInterval(): HeaderFilterGroupInterval \| number \| undefined {`
	`64`	`+ get groupInterval(): Array<number \| string> \| HeaderFilterGroupInterval \| number \| undefined {`
`65`	`65`	`return this._getOption('groupInterval');`
`66`	`66`	`}`
`67`		`- set groupInterval(value: HeaderFilterGroupInterval \| number \| undefined) {`
	`67`	`+ set groupInterval(value: Array<number \| string> \| HeaderFilterGroupInterval \| number \| undefined) {`
`68`	`68`	`this._setOption('groupInterval', value);`
`69`	`69`	`}`
`70`	`70`
Original file line number	Diff line number	Diff line change
`@@ -36,10 +36,10 @@ export abstract class DxoColumnHeaderFilter extends NestedOption {`
`36`	`36`	`this._setOption('dataSource', value);`
`37`	`37`	`}`
`38`	`38`
`39`		`- get groupInterval(): HeaderFilterGroupInterval \| number \| undefined {`
	`39`	`+ get groupInterval(): HeaderFilterGroupInterval \| number \| undefined \| Array<string \| number> {`
`40`	`40`	`return this._getOption('groupInterval');`
`41`	`41`	`}`
`42`		`- set groupInterval(value: HeaderFilterGroupInterval \| number \| undefined) {`
	`42`	`+ set groupInterval(value: HeaderFilterGroupInterval \| number \| undefined \| Array<string \| number>) {`
`43`	`43`	`this._setOption('groupInterval', value);`
`44`	`44`	`}`
`45`	`45`
Original file line number	Diff line number	Diff line change
`@@ -60,10 +60,10 @@ export class DxoTreeListColumnHeaderFilterComponent extends NestedOption impleme`
`60`	`60`	`}`
`61`	`61`
`62`	`62`	`@Input()`
`63`		`- get groupInterval(): HeaderFilterGroupInterval \| number \| undefined {`
	`63`	`+ get groupInterval(): Array<number \| string> \| HeaderFilterGroupInterval \| number \| undefined {`
`64`	`64`	`return this._getOption('groupInterval');`
`65`	`65`	`}`
`66`		`- set groupInterval(value: HeaderFilterGroupInterval \| number \| undefined) {`
	`66`	`+ set groupInterval(value: Array<number \| string> \| HeaderFilterGroupInterval \| number \| undefined) {`
`67`	`67`	`this._setOption('groupInterval', value);`
`68`	`68`	`}`
`69`	`69`