Merge pull request #3171 from IgniteUI/kdragieva/3170-calendar-localization-sample

fix(calendar): Fix localization in calendar sample

Author: hanastasov

src/app/scheduling/calendar/calendar-sample-2/calendar-sample-2.component.ts

@@ -1,5 +1,10 @@
 import { Component, OnInit, ViewChild } from '@angular/core';
 import { IgxCalendarComponent } from 'igniteui-angular';
+import { registerLocaleData } from '@angular/common';
+import localeDE from '@angular/common/locales/de';
+import localeFR from '@angular/common/locales/fr';
+import localeAR from '@angular/common/locales/ar';
+import localeZH from '@angular/common/locales/zh';
 
 @Component({
     selector: 'app-calendar',
@@ -17,5 +22,10 @@ export class CalendarSample2Component implements OnInit{
     public ngOnInit() {
         this.formatOptions = { day: '2-digit', month: 'long', weekday: 'long', year: 'numeric' };
         this.formatViews = { day: true, month: true, year: true };
+
+        registerLocaleData(localeDE);
+        registerLocaleData(localeFR);
+        registerLocaleData(localeAR);
+        registerLocaleData(localeZH);
     }
 }

src/app/scheduling/monthpicker/monthpicker-sample-3/monthpicker-sample-3.component.ts

@@ -3,7 +3,6 @@ import { Component, OnInit } from '@angular/core';
 import { IFormattingOptions } from 'igniteui-angular';
 import localeDE from '@angular/common/locales/de';
 import localeFR from '@angular/common/locales/fr';
-import localeJA from '@angular/common/locales/ja';
 import localeAR from '@angular/common/locales/ar';
 import localeZH from '@angular/common/locales/zh';
 
@@ -24,7 +23,6 @@ export class MonthpickerSample3Component implements OnInit {
     public ngOnInit(): void {
         registerLocaleData(localeDE);
         registerLocaleData(localeFR);
-        registerLocaleData(localeJA);
         registerLocaleData(localeAR);
         registerLocaleData(localeZH);
     }