Native Components
    • Animation
    • Buttons
    • Charts
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdowns
    • Excel Export
    • File Saver
    • Form
    • Grid
    • Inputs
    • Labels
    • Layout
    • PDF Processing
    • Popup
    • Upload
    Wrapper Components
    Styling & Themes
    Common Features
    Project Setup
    Changelog
New to Kendo UI for Vue? Start a free 30-day trial

Globalization

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

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 Kendo UI for Vue 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
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
calendar.prevViewNavigate to previous view
calendar.nextViewNavigate to next view

Right-to-Left Support

The Date Inputs do not provide RTL support.