fix(month-picker): fix localization

Author: katherinedragieva

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

@@ -1,17 +1,31 @@
-import { Component } from '@angular/core';
+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 localeAR from '@angular/common/locales/ar';
+import localeZH from '@angular/common/locales/zh';
+import { registerLocaleData } from '@angular/common';
+
 
 @Component({
     selector: 'app-monthpicker-sample-3',
     styleUrls: ['./monthpicker-sample-3.component.scss'],
     templateUrl: './monthpicker-sample-3.component.html'
 })
-export class MonthpickerSample3Component {
+export class MonthpickerSample3Component implements OnInit {
     public formatOptions: IFormattingOptions = {
         month: 'long'
     };
 
     public date = new Date();
     public locales = ['en', 'de', 'fr', 'ar', 'zh'];
     public locale = 'en';
+
+
+    public ngOnInit(): void {
+        registerLocaleData(localeDE);
+        registerLocaleData(localeFR);
+        registerLocaleData(localeAR);
+        registerLocaleData(localeZH);
+    }
 }