bug(EJ2-4552): masked textbox label ts

Author: pipeline

src/calendar/internationalization-plnkr.json

@@ -17,7 +17,9 @@
                 <div>
                     <select id="cultures" class="form-control">
                         <option value="de">de</option>
-                        <option value="en">en</option>                      
+                        <option value="en">en</option>
+                        <option value="zh">zh</option>
+                        <option value="vi">vi</option> 
                     </select>
                 </div>
             </td>

src/calendar/internationalization.html

@@ -1,16 +1,19 @@
 import { Calendar, ChangedEventArgs } from '@syncfusion/ej2-calendars';
 import { loadCldr, Internationalization } from '@syncfusion/ej2-base';
 import * as numberingSystems from '../common/cldr-data/supplemental/numberingSystems.json';
+import * as zhgregorian from '../common/cldr-data/main/zh/ca-gregorian.json';
+import * as zhnumbers from '../common/cldr-data/main/zh/numbers.json';
 import * as degregorian from '../common/cldr-data/main/de/ca-gregorian.json';
 import * as denumbers from '../common/cldr-data/main/de/numbers.json';
-import * as detimeZoneNames from '../common/cldr-data/main/de/timeZoneNames.json';
+import * as vigregorian from '../common/cldr-data/main/vi/ca-gregorian.json';
+import * as vinumbers from '../common/cldr-data/main/vi/numbers.json';
 /**
  * Internationalization calendar sample
  */
 
 this.default = (): void => {
     // loadCldr method to load the culture specific JSON file.
-    loadCldr(numberingSystems, degregorian, denumbers, detimeZoneNames);
+    loadCldr(numberingSystems, zhgregorian, zhnumbers, degregorian, denumbers, vigregorian, vinumbers);
     let calendar: Calendar = new Calendar({
         change: valueChange, locale: 'de'
     });

src/calendar/internationalization.ts

@@ -15,7 +15,8 @@
                     <select id="culture" class="form-control">
                         <option value="de">de</option> 
                         <option value="ar">ar</option>
-                        <option value="en">en</option>                     
+                        <option value="en">en</option>
+                        <option value="zh">zh</option> 
                     </select>
                 </div>
             </td>

src/datepicker/globalization-plnkr.json

@@ -1,12 +1,12 @@
 import { DatePicker } from '@syncfusion/ej2-calendars';
 import { loadCldr, L10n, Internationalization } from '@syncfusion/ej2-base';
 import * as numberingSystems from '../common/cldr-data/supplemental/numberingSystems.json';
+import * as zhgregorian from '../common/cldr-data/main/zh/ca-gregorian.json';
+import * as zhnumbers from '../common/cldr-data/main/zh/numbers.json';
 import * as degregorian from '../common/cldr-data/main/de/ca-gregorian.json';
 import * as denumbers from '../common/cldr-data/main/de/numbers.json';
-import * as detimeZoneNames from '../common/cldr-data/main/de/timeZoneNames.json';
 import * as argregorian from '../common/cldr-data/main/ar/ca-gregorian.json';
 import * as arnumbers from '../common/cldr-data/main/ar/numbers.json';
-import * as artimeZoneNames from '../common/cldr-data/main/ar/timeZoneNames.json';
 /**
  * Globalization DatePicker sample
  */
@@ -18,6 +18,11 @@ this.default = (): void => {
                 placeholder: 'Wählen Sie ein Datum'
             }
         },
+        'zh': {
+            'datepicker': {
+                placeholder: '选择日期'
+            }
+        },
         'en': {
             'datepicker': {
                 placeholder: 'Choose a date'
@@ -31,7 +36,7 @@ this.default = (): void => {
     });
 
     // loadCldr method to load the culture specific JSON file.
-    loadCldr(numberingSystems, degregorian, detimeZoneNames, denumbers, argregorian, arnumbers, artimeZoneNames);
+    loadCldr(numberingSystems, zhgregorian, zhnumbers, degregorian, denumbers, argregorian, arnumbers);
 
     let datepicker: DatePicker = new DatePicker({
         locale: 'de'