NativeScript Angular

RadCalendar Localizaiton

RadCalendar uses the default locale of the operating system it is run on. If you want to explicitly change the locale of the component, you can do so by using the locale property. The locale property accepts string values representing language tags as per the BCP-27 standard.

Defining Locales on RadCalendar

Setting a locale different from the default can be achieved either in XML or programmatically. The following snippet demonstrates how a locale can be set in XML:

<RadCalendar id="calendar" locale="ru-RU"></RadCalendar>

The following two screenshots demonstrate how RadCalendar looks like when a ru-RU is defined as a locale:

RadCalendar: Localization on Android RadCalendar: Localization on iOS


Want to see this scenario in action? Check our Angular SDK examples repository on GitHub. You will find this and a lot more practical examples with NativeScript UI for Angular: