• What is KendoReact
  • Getting Started
  • Server Components
  • Components
    • Animation
    • Barcodes
    • Buttons
    • Chartsupdated
    • Common Utilities
    • Conversational UIupdated
    • Data Gridupdated
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Formupdated
    • Ganttupdated
    • Gauges
    • Indicators
    • Inputsupdated
    • Labels
    • Layoutupdated
    • ListBox
    • ListView
    • Map
    • Notification
    • OrgChartnew
    • PDF Processing
    • PDFViewer
    • PivotGrid
    • Popup
    • Progress Bars
    • Ripple
    • Scheduler
    • ScrollView
    • Sortable
    • Spreadsheetupdated
    • TaskBoard
    • Tooltips
    • TreeList
    • TreeViewupdated
    • Upload
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Updates
  • Troubleshooting

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
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' '
daterangepicker.cancelCancel
daterangepicker.setSet
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.