fix(i18n): Fixes to wrong locale prop used and DatePipe.

Author: skrustev

projects/igniteui-angular/src/lib/core/utils.ts

@@ -12,7 +12,7 @@ import { NEVER, Observable, Subject } from 'rxjs';
 import { setImmediate } from './setImmediate';
 import { isDevMode } from '@angular/core';
 import type { IgxTheme } from '../services/theme/theme.token';
-import { DateTimeFormat, getI18nManager, IntlDateTimeStyleValues, IResourceChangeEventArgs } from 'igniteui-i18n-core';
+import { getI18nManager, IntlDateTimeStyleValues, IResourceChangeEventArgs } from 'igniteui-i18n-core';
 
 /** @hidden @internal */
 export const ELEMENTS_TOKEN = /*@__PURE__*/new InjectionToken<boolean>('elements environment');

projects/igniteui-angular/src/lib/date-range-picker/date-range-picker.component.ts

@@ -1080,7 +1080,7 @@ export class IgxDateRangePickerComponent extends PickerBaseDirective
 
     protected override onResourceChange(args: CustomEvent<IResourceChangeEventArgs>) {
         super.onResourceChange(args);
-        this._resourceStrings = getCurrentResourceStrings(DateRangePickerResourceStringsEN, false);
+        this._defaultResourceStrings = getCurrentResourceStrings(DateRangePickerResourceStringsEN, false);
         if (this.hasProjectedInputs) {
             this.updateInputLocale();
             this.updateDisplayFormat();

projects/igniteui-angular/src/lib/list/list.component.ts

@@ -467,7 +467,7 @@ export class IgxListComponent extends IgxListBaseDirective {
     constructor(public element: ElementRef) {
         super(element);
         onResourceChangeHandle(this._destroyRef, () => {
-            this._resourceStrings = getCurrentResourceStrings(ListResourceStringsEN, false);
+            this._defaultResourceStrings = getCurrentResourceStrings(ListResourceStringsEN, false);
         }, this);
     }
 

projects/igniteui-angular/src/lib/services/exporter-common/base-export-service.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from '@angular/core';
-import { cloneArray, cloneValue, columnFieldPath, getCurrencyCode, IBaseEventArgs, resolveNestedPath, yieldingLoop } from '../../core/utils';
+import { cloneArray, cloneValue, columnFieldPath, formatDate, getCurrencyCode, IBaseEventArgs, resolveNestedPath, yieldingLoop } from '../../core/utils';
 import { GridColumnDataType, DataUtil } from '../../data-operations/data-util';
 import { ExportUtilities } from './export-utilities';
 import { IgxExporterOptionsBase } from './exporter-options-base';
@@ -9,7 +9,7 @@ import { IGroupingState } from '../../data-operations/groupby-state.interface';
 import { getHierarchy, isHierarchyMatch } from '../../data-operations/operations';
 import { IGroupByExpandState } from '../../data-operations/groupby-expand-state.interface';
 import { IFilteringState } from '../../data-operations/filtering-state.interface';
-import { DatePipe, FormatWidth, getLocaleDateFormat, getLocaleDateTimeFormat } from '@angular/common';
+import { FormatWidth, getLocaleDateFormat, getLocaleDateTimeFormat } from '@angular/common';
 import { IGroupByRecord } from '../../data-operations/groupby-record.interface';
 import { ColumnType, GridType, IPathSegment } from '../../grids/common/grid.interface';
 import { FilterUtil } from '../../data-operations/filtering-strategy';
@@ -1057,8 +1057,7 @@ export abstract class IgxBaseExporter {
             if (isDate) {
                 const timeZoneOffset = recordVal.getTimezoneOffset() * 60000;
                 const isoString = (new Date(recordVal - timeZoneOffset)).toISOString();
-                const pipe = new DatePipe(grid.locale);
-                recordVal = pipe.transform(isoString);
+                recordVal = formatDate(isoString, 'mediumDate', grid.locale);
             }
 
             const groupExpressionName = record.column && record.column.header ?