We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Localization not working any more since update to 17.4


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:
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,


1 Reply

SP Sureshkumar P Syncfusion Team December 30, 2019 12:51 PM UTC

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. 
Sureshkumar P  

Live Chat Icon For mobile
Up arrow icon