Getting Started with KendoReact Internationalization

The KendoReact Internationalization package applies the desired cultures by providing services and pipes for the parsing and formatting of dates and numbers.

Together with the Localization options, the Internationalization package provides the globalization features of KendoReact. For more information on the globalization aspects which are available for each component, refer to the article on globalization support. For more information on the date and number formats KendoReact supports, refer to the kendo-intl GitHub repository.

The package exports the following types of provider components:

  • An IntlProvider component and an API for the parsing and formatting of dates and numbers.
  • A LocalizationProvider component and an API for the translation of component messages into different languages.

The KendoReact Internationalization feature is part of the KendoReact library which provides native Kendo UI components for the React ecosystem and is available under the kendo-react-intl NPM package.


Basic Usage

The following example demonstrates how to utilize the IntlProvider component in basic use-case scenarios.

Example
View Source
Change Theme:

Functionality and Features

Installation

Download and install the package by running the npm install --save @progress/kendo-react-intl @progress/kendo-licensing command.

Dependencies

The Internationalization package requires the following peer dependencies that have to be installed by your application:

  • react 16.8.2*
  • react-dom
  • @progress/kendo-licensing

The following dependencies are required only when you apply internationalization to a locale that is different from the default en-US one.

  • cldr-core
  • cldr-dates-full
  • cldr-numbers-full

The following dependencies will be installed automatically:

  • @progress/kendo-intl
  • prop-types