Merge pull request #12442 from IgniteUI/skrastev/fix-12406-15.0.x

fix(pivotDate): Cache month formatter for pivot date dimension.

Author: ChronosSF

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

@@ -47,7 +47,7 @@ export interface IPivotDateDimensionOptions {
 export class IgxPivotDateDimension implements IPivotDimension {
     /** Enables/Disables a particular dimension from pivot structure. */
     public enabled = true;
-    
+
     /**
      * Gets/Sets data type
      */
@@ -80,6 +80,7 @@ export class IgxPivotDateDimension implements IPivotDimension {
     /** @hidden @internal */
     public memberName = 'AllPeriods';
     private _resourceStrings = CurrentResourceStrings.GridResStrings;
+    private _monthIntl = new Intl.DateTimeFormat('default', { month: 'long' });
 
     /**
      * Creates additional pivot date dimensions based on a provided dimension describing date data:
@@ -108,7 +109,7 @@ export class IgxPivotDateDimension implements IPivotDimension {
             memberName: 'Months',
             memberFunction: (rec) => {
                 const recordValue = PivotUtil.extractValueFromDimension(inBaseDimension, rec);
-                return recordValue ? new Date(recordValue).toLocaleString('default', { month: 'long' }) : rec['Months'];
+                return recordValue ? this._monthIntl.format(new Date(recordValue)) : rec['Months'];
             },
             enabled: true,
             childLevel: baseDimension