React Scheduler - Localization

The React Scheduler provides an API that allows you to format dates and localize messages.

Format Dates

Scheduler UI plugins can display dates that are formatted depending on the locale. To specify the locale, assign one of the supported formats to the Scheduler component's locale property.

Localize Messages

Most UI plugins have the messages option that accepts localized messages.

Basic Setup

The following example demonstrates how to localize the Scheduler by specifying the messages and locale properties.

import * as React from 'react';

import deMessages from 'devextreme/localization/messages/de.json';

Customize Date Formatting

To customize how dates are formatted in a component, override the component and set the formatDate property to a function that formats dates. The following example illustrates these actions. Note that in this example, the Moment.js library is used to work with dates.

import * as React from 'react';

export default () => {