fix(fitltering): Fix dateTime column filter #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">
+            <igx-input-group #dropDownTarget type="box" [displayDensity]="'compact'" [supressInputAutofocus]="true" (focusout)="onInputGroupFocusout()">
                 <igx-prefix #inputGroupPrefix
                             tabindex="0"
                             (click)="toggleConditionsDropDown(inputGroupPrefix)"

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

@@ -129,6 +129,9 @@ 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;
 
@@ -437,15 +440,18 @@ export class IgxGridFilteringRowComponent implements AfterViewInit {
      * Event handler for focusout on the input group.
      */
     public onInputGroupFocusout() {
-        if (!this.value && this.value !== 0 && !this.expression.condition.isUnary) {
+        if (!this.value && this.value !== 0 &&
+            this.expression.condition && !this.expression.condition.isUnary) {
             return;
         }
         requestAnimationFrame(() => {
             const focusedElement = document.activeElement;
             if (focusedElement.className === 'igx-chip__remove') {
                 return;
             }
-            if (!(focusedElement && this.inputGroup.nativeElement.contains(focusedElement))
+            if (!(focusedElement &&
+                (this.inputGroup !== undefined ? this.inputGroup.nativeElement.contains(focusedElement) :
+                    this.inputGroupDate.nativeElement.contains(focusedElement)))
                 && this.dropDownConditions.collapsed) {
                 this.commitInput();
             }
@@ -534,7 +540,9 @@ export class IgxGridFilteringRowComponent implements AfterViewInit {
 
     public onChipPointerdown(args, chip: IgxChipComponent) {
         const activeElement = document.activeElement;
-        this._cancelChipClick = chip.selected && activeElement && this.inputGroup.nativeElement.contains(activeElement);
+        this._cancelChipClick = chip.selected && activeElement &&
+            (this.inputGroup !== undefined ? this.inputGroup.nativeElement.contains(activeElement) :
+                this.inputGroupDate.nativeElement.contains(activeElement));
     }
 
     public onChipClick(args, item: ExpressionUI) {