fix(grid): local timezone in datepicker #8350

Author: hanastasov

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

@@ -108,7 +108,7 @@ <h6 class="igx-filter-empty__title">
                         {{ getConditionFriendlyName(expressionItem.expression.condition.name) }}
                     </span>
                     <span igxSuffix *ngIf="!expressionItem.expression.condition.isUnary">
-                        {{ isDate(expressionItem.expression.searchVal) ? (expressionItem.expression.searchVal | date:getFormat(expressionItem.expression.fieldName):getTimezone(expressionItem.expression.fieldName):grid.locale) : expressionItem.expression.searchVal }}
+                        {{ isDate(expressionItem.expression.searchVal) ? (expressionItem.expression.searchVal | date:getFormat(expressionItem.expression.fieldName):undefined:grid.locale) : expressionItem.expression.searchVal }}
                     </span>
                 </igx-chip>
                 <div class="igx-filter-tree__expression-actions"
@@ -191,7 +191,7 @@ <h6 class="igx-filter-empty__title">
                                     (click)="openDialog(dropDownTarget.element.nativeElement)"
                                     [placeholder]="grid.resourceStrings.igx_grid_filter_row_date_placeholder"
                                     autocomplete="off"
-                                    [value]="value | date:selectedColumn.pipeArgs.format:selectedColumn.pipeArgs.timezone:grid.locale"
+                                    [value]="value | date:selectedColumn.pipeArgs.format:undefined:grid.locale"
                                     [readonly]="true"
                                     [disabled]="!selectedColumn || !selectedCondition || (selectedColumn && selectedColumn.filters.condition(selectedCondition).isUnary)"/>
                         </igx-input-group>

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

@@ -65,7 +65,7 @@
                        (click)="expression.condition.isUnary ? noop() : openDialog(inputGroup.element.nativeElement)"
                        [placeholder]="placeholder"
                        autocomplete="off"
-                       [value]="value | date:column.pipeArgs.format:column.pipeArgs.timezone:filteringService.grid.locale"
+                       [value]="value | date:column.pipeArgs.format:undefined:filteringService.grid.locale"
                        [readonly]="true"
                        (keydown)="onInputKeyDown($event)"/>
                 <igx-suffix *ngIf="value">

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

@@ -23,7 +23,7 @@
                     (click)="openDialog(dropDownTarget.element.nativeElement)"
                     [placeholder]="inputDatePlaceholder"
                     autocomplete="off"
-                    [value]="value | date:column.pipeArgs.format:column.pipeArgs.timezone:grid.locale"
+                    [value]="value | date:column.pipeArgs.format:undefined:grid.locale"
                     [readonly]="true"
                     [disabled]="expressionUI.expression.condition && expressionUI.expression.condition.isUnary"/>
         </igx-input-group>

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

@@ -410,7 +410,7 @@ export class IgxFilteringService implements OnDestroy {
             return this.grid.resourceStrings[`igx_grid_filter_${expression.condition.name}`] || expression.condition.name;
         } else if (expression.searchVal instanceof Date) {
             const pipeArgs = this.grid.getColumnByName(expression.fieldName).pipeArgs;
-            return this.grid.datePipe.transform(expression.searchVal, pipeArgs.format, pipeArgs.timezone, this.grid.locale);
+            return this.grid.datePipe.transform(expression.searchVal, pipeArgs.format, undefined, this.grid.locale);
         } else {
             return expression.searchVal;
         }