Merge pull request #9421 from IgniteUI/bpenkov/adv-filtering-open-pickers-on-enter

Advanced filtering - open pickers on enter

Author: Lipata

projects/igniteui-angular/src/lib/grids/filtering/advanced-filtering/advanced-filtering-dialog.component.html

@@ -186,6 +186,7 @@ <h6 class="igx-filter-empty__title">
 
                 <igx-date-picker #picker *ngIf="selectedColumn && selectedColumn.dataType === 'date'"
                     [(value)]="searchValue"
+                    (keydown)="openPicker($event)"
                     [formatter]="selectedColumn.formatter"
                     [displayFormat]="selectedColumn.pipeArgs.format"
                     (click)="picker.open()"
@@ -210,7 +211,7 @@ <h6 class="igx-filter-empty__title">
                     [locale]="grid.locale"
                     [outlet]="grid.outlet"
                     (click)="picker.open()"
-                    (keydown)="invokeClick($event)"
+                    (keydown)="openPicker($event)"
                     [displayDensity]="'compact'"
                     [placeholder]="grid.resourceStrings.igx_grid_filter_row_time_placeholder"
                     type="box"

projects/igniteui-angular/src/lib/grids/filtering/advanced-filtering/advanced-filtering-dialog.component.ts

@@ -784,6 +784,14 @@ export class IgxAdvancedFilteringDialogComponent implements AfterViewInit, OnDes
         }
     }
 
+    /** @hidden @internal */
+    public openPicker(args: KeyboardEvent) {
+        if (this.platform.isActivationKey(args)) {
+            args.preventDefault();
+            this.picker.open();
+        }
+    }
+
     /**
      * @hidden @internal
      */