New to Kendo UI for Angular? Start a free 30-day trial

Services

The Internationalization package exposes the IntlService and CldrIntlService services.

IntlService is an abstract IntlService class that defines the service interface of Kendo UI. It does not use TypeScript interface because the Angular DI requires a concrete type. CldrIntlService is the default implementation based on Kendo UI Internationalization (@progress/kendo-intl).

Using the Service in Components

To use the service in your own components:

  1. Add CldrIntlService as a provider to your module or import the IntlModule.
  2. Inject it in your component.
  3. (Optional) Load the locale data for the desired locales. By default, only en-US functions.
Example
View Source
Change Theme:

Customizing the Default Service

To override the default behavior of the i18n service:

  1. Inherit IntlService or CldrIntlService and implement or override its members.
  2. Register your service as a provider of IntlService in your module.
Example
View Source
Change Theme: