Merge pull request #8584 from IgniteUI/ibarakov/fix-8463-9.1.x

fix(esf): allow only numeric symbols in numeric column

Author: kdinev

projects/igniteui-angular/src/lib/grids/filtering/excel-style/excel-style-search.component.html

@@ -8,6 +8,7 @@
         tabindex="0"
         [(ngModel)]="searchValue"
         [placeholder]="column.grid.resourceStrings.igx_grid_excel_search_placeholder"
+        [type]="type"
         autocomplete="off"/>
     <igx-icon
         igxSuffix

projects/igniteui-angular/src/lib/grids/filtering/excel-style/excel-style-search.component.ts

@@ -15,6 +15,7 @@ import { DisplayDensity } from '../../../core/density';
 import { IgxForOfDirective } from '../../../directives/for-of/for_of.directive';
 import { FilterListItem } from './grid.excel-style-filtering.component';
 import { IgxListComponent } from '../../../list/public_api';
+import { DataType } from '../../../data-operations/data-util';
 
 @Directive({
     selector: '[igxExcelStyleLoading]'
@@ -86,6 +87,18 @@ export class IgxExcelStyleSearchComponent implements AfterViewInit {
 
     constructor(public cdr: ChangeDetectorRef) { }
 
+    /**
+     * @hidden @internal
+     */
+     public get type(): string {
+        switch (this.column?.dataType) {
+            case DataType.Number:
+                return 'number';
+            default:
+                return 'text';
+        }
+    }
+
     public ngAfterViewInit() {
         this.refreshSize();
     }

projects/igniteui-angular/src/lib/grids/grid/grid-filtering-ui.spec.ts

@@ -4412,6 +4412,15 @@ describe('IgxGrid - Filtering actions - Excel style filtering #grid', () => {
             checkboxes = Array.from(GridFunctions.getExcelStyleFilteringCheckboxes(fix));
             expect(checkboxes.every(ch => ch.checked)).toBeTrue();
         }));
+
+        it('Should have input type number when column dataType is number.', fakeAsync(() => {
+            GridFunctions.clickExcelFilterIconFromCode(fix, grid, 'Downloads');
+            flush();
+
+            const inputNativeElement = GridFunctions.getExcelStyleSearchComponentInput(fix);
+            expect(inputNativeElement.type).toBe('number', 'input type of number column is not number');
+
+        }));
     });
 
     describe(null, () => {