Merge branch 'master' into mpopov/fix-for-8482-master

Author: simeonoff

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

@@ -10,6 +10,7 @@
         (ngModelChange)="filterListData()"
         (keydown)="onInputKeyDown($event)"
         [placeholder]="esf.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

@@ -232,6 +232,19 @@ export class IgxExcelStyleSearchComponent implements AfterViewInit, OnDestroy {
         return itemSize;
     }
 
+     /**
+      * @hidden @internal
+      */
+    public get type(): string {
+        switch (this.esf.column?.dataType) {
+            case DataType.Number:
+                return 'number';
+            default:
+                return 'text';
+        }
+    }
+
+
     /**
      * @hidden @internal
      */

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

@@ -4931,6 +4931,15 @@ describe('IgxGrid - Filtering actions - Excel style filtering #grid', () => {
                 ControlsFunction.verifyCheckboxState(checkbox.parentElement);
             }
         }));
+
+        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('Templates: ', () => {