Components
    • Animation
    • Buttons
    • Charts
    • Common Utilities
    • Conversational UI
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdowns
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gantt
    • Gauges
    • Grid
    • Indicators
    • Inputs
    • Labels
    • Layout
    • ListView
    • Notification
    • PDF Processing
    • Popup
    • Progress Bars
    • Ripple
    • Scheduler
    • Sortable
    • Tooltip
    • TreeList
    • TreeView
    • Upload
    Sample Applications
    Styling & Themes
    Common Features
    Project Setup
    Changelog

Globalization

The globalization process combines the translation of component messages with adapting them to specific locales.

For more information on how globalization practices are implemented in KendoReact, refer to the overview article. For more information on the globalization aspects which are available for each component, refer to the article on globalization support.

The following example demonstrates how to use the Spanish date format and month names in the available Date Inputs and how to localize their built-in messages.

Example
View Source
Edit In Stackblitz  
Change Theme:

Internationalization

The internationalization process applies specific culture formats to a web application.

For more information, refer to:

Messages

The Date Inputs support the localization of their messages by utilizing the KendoReact Internationalization package.

The following table lists the built-in message keys and their default values.

Message KeyDefault Value
dateinput.incrementIncrease value
dateinput.decrementDecrease value
calendar.todayTODAY
datepicker.toggleCalendarToggle calendar
daterangepicker.swapStartEndSwap start and end values
daterangepicker.startStart
daterangepicker.endEnd
daterangepicker.separator' '
datetimepicker.dateDate
datetimepicker.timeTime
datetimepicker.toggleDateTimeSelectorToggle date-time selector
datetimepicker.cancelCancel
datetimepicker.setSet
timepicker.nowNOW
timepicker.selectNowSelect Now
timepicker.cancelCancel
timepicker.setSet
timepicker.toggleTimeSelectorToggle TimeSelector
timepicker.toggleClockToggle Clock
multiviewcalendar.prevViewNavigate to previous view
multiviewcalendar.nextViewNavigate to next view

Right-to-Left Support

The Date Inputs do not provide RTL support.

In this article

Not finding the help you need?