fix(pivot-grid): fix the locale change

Author: Hristo313

projects/igniteui-angular/grids/core/src/pivot-grid-dimensions.ts

@@ -107,6 +107,13 @@ export class IgxPivotDateDimension implements IPivotDimension {
     /** @hidden @internal */
     public memberName = 'AllPeriods';
     public displayName: string;
+    /**
+     * Gets/Sets the locale used for date dimension member formatting (e.g. month names).
+     * When set, overrides the global I18nManager locale for this dimension.
+     * Set automatically by the pivot grid row pipe when the grid locale changes.
+     * @hidden @internal
+     */
+    public locale: string;
     private _resourceStrings: IGridResourceStrings = null;
     private _baseDimension: IPivotDimension;
     private _options: IPivotDateDimensionOptions = {};
@@ -158,7 +165,7 @@ export class IgxPivotDateDimension implements IPivotDimension {
                         const hasValue = value !== null && value !== undefined && value !== '';
                         const dateValue = hasValue ? dateFormatter.createDateFromValue(value) : null;
                         if (dateValue) {
-                            return dateFormatter.formatDateTime(dateValue, undefined, { dateStyle: 'short' });
+                            return dateFormatter.formatDateTime(dateValue, this.locale, { dateStyle: 'short' });
                         }
                         return hasValue ? String(value) : '';
                     }
@@ -171,7 +178,7 @@ export class IgxPivotDateDimension implements IPivotDimension {
             memberFunction: (rec) => {
                 const recordValue = PivotUtil.extractValueFromDimension(inBaseDimension, rec);
                 const dateValue = (recordValue != null && recordValue !== '') ? getDateFormatter().createDateFromValue(recordValue) : null;
-                return (recordValue != null && recordValue !== '') ? getDateFormatter().formatDateTime(dateValue, undefined, { month: 'long'}) : rec['Months'];
+                return (recordValue != null && recordValue !== '') ? getDateFormatter().formatDateTime(dateValue, this.locale, { month: 'long'}) : rec['Months'];
             },
             enabled: true,
             childLevel: baseDimension

projects/igniteui-angular/grids/pivot-grid/src/pivot-grid.pipes.ts

@@ -13,6 +13,7 @@ import {
     IPivotGridRecord,
     IPivotKeys,
     IPivotValue,
+    IgxPivotDateDimension,
     PivotColumnDimensionsStrategy,
     PivotGridType,
     PivotRowDimensionsStrategy,
@@ -51,6 +52,14 @@ export class IgxPivotRowPipe implements PipeTransform {
             // nothing to group and aggregate by ...
             return [];
         }
+        const locale = this.grid?.locale;
+        if (locale) {
+            for (const dim of enabledRows) {
+                if (dim instanceof IgxPivotDateDimension) {
+                    dim.locale = locale;
+                }
+            }
+        }
         const rowStrategy = config.rowStrategy || PivotRowDimensionsStrategy.instance();
         const data = cloneArray(collection, true);
         return rowStrategy.process(data, enabledRows, config.values, cloneStrategy, pivotKeys);