fix(*): Make default locale to be 'en', #3569

# Conflicts: # CHANGELOG.md
IgniteUI · Jan 10, 2019 · 8c5fc6d · 8c5fc6d
1 parent 2fee695
commit 8c5fc6d
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 7 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -7,6 +7,7 @@ All notable changes for each version of this project will be documented in this
 - `IgxTimePickerComponent`: in addition to the current dialog interaction mode, now the user can select or edit a time value, using an editable masked input with a dropdown.
 
 ## 7.1.1
+    - `locale` property added. Default value is `en`. All child components will use it as locale.
 ### Bug Fixes
 * onSortingDone is not fired when sorting indicator of a header in the group by area is clicked ([#3257](https://github.com/IgniteUI/igniteui-angular/issues/3257))
 * igx-grid isn't displayed properly in IE11 when it is inside an igx-tabs-group ([#3047](https://github.com/IgniteUI/igniteui-angular/issues/3047))

diff --git a/projects/igniteui-angular/src/lib/calendar/calendar.component.ts b/projects/igniteui-angular/src/lib/calendar/calendar.component.ts
@@ -142,7 +142,7 @@ export class IgxCalendarComponent implements OnInit, ControlValueAccessor {
 
     /**
      * Gets the `locale` of the calendar.
-     * By default the browser's language is used.
+     * Default value is `"en"`.
      * ```typescript
      * let locale =  this.calendar.locale;
      * ```
@@ -156,7 +156,7 @@ export class IgxCalendarComponent implements OnInit, ControlValueAccessor {
     /**
      * Sets the `locale` of the calendar.
      * Expects a valid BCP 47 language tag.
-     * By default the browser's language is used.
+     * Default value is `"en"`.
      * ```html
      * <igx-calendar [locale] = "de"></igx-calendar>
      * ```
@@ -610,7 +610,7 @@ export class IgxCalendarComponent implements OnInit, ControlValueAccessor {
     /**
     *@hidden
     */
-    private _locale = window.navigator.language;
+    private _locale = 'en';
     /**
      *@hidden
      */

diff --git a/projects/igniteui-angular/src/lib/date-picker/date-picker.component.ts b/projects/igniteui-angular/src/lib/date-picker/date-picker.component.ts
@@ -146,12 +146,12 @@ export class IgxDatePickerComponent implements ControlValueAccessor, EditorProvi
     public labelVisibility = true;
 
     /**
-     *An @Input property that sets locales. By default the browser's language is used.
+     *An @Input property that sets locales. Default locale is en.
      *```html
      *<igx-date-picker locale="ja-JP" [value]="date"></igx-date-picker>
      *```
      */
-    @Input() public locale: string = window.navigator.language;
+    @Input() public locale: 'en';
 
     /**
      *An @Input property that sets on which day the week starts.

diff --git a/projects/igniteui-angular/src/lib/grids/README.md b/projects/igniteui-angular/src/lib/grids/README.md
@@ -186,7 +186,7 @@ Below is the list of all inputs that the developers may set to configure the gri
 |`transactions`| `TransactionService` | Transaction provider allowing access to all transactions and states of the modified rows. |
 |`summaryPosition`| GridSummaryPosition | The summary row position for the child levels. The default is top. |
 |`summaryCalculationMode`| GridSummaryCalculationMode | The summary calculation mode. The default is rootAndChildLevels, which means summaries are calculated for root and child levels. |
-|`locale`| string | Determines the locale of the grid. By default returns browser's language. |
+|`locale`| string | Determines the locale of the grid. Default value is `en`. |
 
 ### Outputs
 

diff --git a/projects/igniteui-angular/src/lib/grids/grid-base.component.ts b/projects/igniteui-angular/src/lib/grids/grid-base.component.ts
@@ -302,7 +302,7 @@ export abstract class IgxGridBaseComponent extends DisplayDensityBase implements
         if (this._locale) {
             return this._locale;
         } else {
-            return window.navigator.language;
+            return 'en';
         }
     }