fix(filtering): Fixing the dateTime column filtering #5627

Author: astaev

projects/igniteui-angular/src/lib/grids/filtering/grid-filtering-row.component.html

@@ -50,7 +50,7 @@
         (onSelection)="onDateSelected($event)"
         (onClose)="datePickerClose()">
         <ng-template igxDatePickerTemplate let-openDialog="openDialog">
-            <igx-input-group #dropDownTarget type="box" [displayDensity]="'compact'" [supressInputAutofocus]="true" (focusout)="onInputGroupFocusout()">
+            <igx-input-group #inputGroup type="box" [displayDensity]="'compact'" [supressInputAutofocus]="true" (focusout)="onInputGroupFocusout()">
                 <igx-prefix #inputGroupPrefix
                             tabindex="0"
                             (click)="toggleConditionsDropDown(inputGroupPrefix)"
@@ -61,7 +61,7 @@
                 <input #input
                        igxInput
                        tabindex="0"
-                       (click)="expression.condition.isUnary ? noop() : openDialog(dropDownTarget.element.nativeElement)"
+                       (click)="expression.condition.isUnary ? noop() : openDialog(inputGroup.element.nativeElement)"
                        [placeholder]="placeholder"
                        autocomplete="off"
                        [value]="value | igxdate: filteringService.grid.locale"

projects/igniteui-angular/src/lib/grids/filtering/grid-filtering-row.component.ts

@@ -129,9 +129,6 @@ export class IgxGridFilteringRowComponent implements AfterViewInit {
     @ViewChild('inputGroup', { read: ElementRef, static: false })
     protected inputGroup: ElementRef;
 
-    @ViewChild('dropDownTarget', { read: ElementRef, static: false })
-    protected inputGroupDate: ElementRef;
-
     @ViewChild('inputGroupPrefix', { read: ElementRef, static: false })
     protected inputGroupPrefix: ElementRef;
 
@@ -449,9 +446,7 @@ export class IgxGridFilteringRowComponent implements AfterViewInit {
             if (focusedElement.className === 'igx-chip__remove') {
                 return;
             }
-            if (!(focusedElement &&
-                (this.inputGroup !== undefined ? this.inputGroup.nativeElement.contains(focusedElement) :
-                    this.inputGroupDate.nativeElement.contains(focusedElement)))
+            if (!(focusedElement && this.inputGroup.nativeElement.contains(focusedElement))
                 && this.dropDownConditions.collapsed) {
                 this.commitInput();
             }
@@ -490,7 +485,7 @@ export class IgxGridFilteringRowComponent implements AfterViewInit {
     /*
     * noop
     */
-    public noop() {}
+    public noop() { }
 
     /**
      *  Event handler for date picker's selection.
@@ -541,8 +536,7 @@ export class IgxGridFilteringRowComponent implements AfterViewInit {
     public onChipPointerdown(args, chip: IgxChipComponent) {
         const activeElement = document.activeElement;
         this._cancelChipClick = chip.selected && activeElement &&
-            (this.inputGroup !== undefined ? this.inputGroup.nativeElement.contains(activeElement) :
-                this.inputGroupDate.nativeElement.contains(activeElement));
+            this.inputGroup.nativeElement.contains(activeElement);
     }
 
     public onChipClick(args, item: ExpressionUI) {