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
IntlProvidercomponent and an API for the parsing and formatting of dates and numbers. - A
LocalizationProvidercomponent 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.
Functionality and Features
- Loading default and additional locale data
- Loading messages for different languages
- Services for default and customized internationalization and localization
- Reacting to locale changes
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
