New to KendoReactStart a free 30-day trial

Services

Updated on Jan 7, 2026

The Internationalization package exposes IntlService service for default and customized internationalization of locales and LocalizationService for providing messages based on the current language.

Using the IntlService in Components

To use the service in your own components:

  1. Use the IntlProvider component in your parent component.
  2. If you require locale data that is different from the default en-US locale data, load the data you need in your parent component.
  3. Access the IntlService:
Change Theme
Theme
Loading ...

Applying the LocalizationService in Components

The toLanguageString method of the LocalizationService accepts a key and a default value. To use the LocalizationService in your own components in conjunction with the LocalizationProvider:

  1. Use the LocalizationProvider component in your parent component.
  2. Set the language property.
  3. Access the LocalizationService:
Change Theme
Theme
Loading ...

Customizing the Default Service

To override the default behavior of the internationalization service:

  1. Create a custom function that internally uses the IntlService and overrides only the methods you need, such as formatDate.
  2. Create a context and a provider component CustomIntlProvider that calls the custom function and shares the resulting service instance with its children.
  3. Define a useCustomIntl hook that reads the current service from context.
Change Theme
Theme
Loading ...