Localization not working any more since update to 17.4

[Michael Hertlein]

Hello,

I've updated my controls from version 17.2.49 to 17.4.40. Before the update the localization of the calendar worked fine. I've loaded the german localization in app.component.ts:

loadCldr(
    require('../../node_modules/cldr-data/supplemental/numberingSystems.json'),
    require('../../node_modules/cldr-data/main/de/ca-gregorian.json'),
    require('../../node_modules/cldr-data/main/de/numbers.json'),
    require('../../node_modules/cldr-data/main/de/timeZoneNames.json')
);

In the app.component.ts onInit I load some translations for the grid and the datepicker.

Now with version 17.4.40 the translations for the grid are still working, but I won't get the translation for the datepicker today-text and all weekdays and months are in english, not german as before.

Then I've updated the cldr-data to current version 36.0.0 (old was 35.1.0). But this didn't help. So I've changed the import of the cldr-data to

import * as numberingSystems from 'cldr-data/supplemental/numberingSystems.json';
import * as gregorian from 'cldr-data/main/de/ca-gregorian.json';
import * as numbers from 'cldr-data/main/de/numbers.json';
import * as detimeZoneNames from 'cldr-data/main/de/timeZoneNames.json';

loadCldr(numberingSystems, gregorian, numbers, detimeZoneNames);

But this also didn't help.

Next i tried to set a datepicker right beside my translated grid. But even here, the datepicker is not translated. Not the month-names, and not the today-button. But the translation for the grid and the datepicker is in the same L10.load() in the ngOnInit() of app.component.ts.

Thany you for your help.

Kind regards,

Michael

[Sureshkumar P]

Hi Michael, 

 

Greetings from Syncfusion support. 

 

We have validated your requirement with shared images. We suspect that you have angular8 CLI version in your local system. In angular 8 we do not need to mention “* as “while import the localization json files as like below. 

 

Kindly refer the below code block. 

import numberingSystems from 'cldr-data/supplemental/numberingSystems.json'; 

import gregorian from 'cldr-data/main/de/ca-gregorian.json'; 

import numbers from 'cldr-data/main/de/numbers.json'; 

import detimeZoneNames from 'cldr-data/main/de/timeZoneNames.json'; 

 

loadCldr(numberingSystems, gregorian, numbers, detimeZoneNames); 

 

If still you have faxed the same issue. Please share the below details 

1.     Your old angular CLI version with new version  

2.     Your old and new node and npm versions 

These details help us to provide exact solution at earliest. 

 

Regards, 

Sureshkumar P