Как изменить первый день недели в библиотеке календаря интерфейса пользователя Kendo реагировать

Question

Первый день недели по умолчанию в библиотеке календарей Kendo React JS - воскресенье.

Хочу, чтобы стартовым днем ​​недели стал понедельник.

Answer 1

Он локализуется с помощью IntlProvider, см. Документацию на сайте KendoReact. В этом примере календарь начинается с понедельника, а не с воскресенья, так как он использует культуру ES. IntlProvider предоставляет культуры DatePicker, включая первый день недели. Вы можете загрузить данные из CLDR как они есть из их репо. Или сначала измените его в соответствии с вашими потребностями, а затем загрузите. Например: weekData.supplemental.weekData.firstDay.US = 'mon';

Вот такой пример переопределения с полным кодом:

    import * as React from 'react';
    import * as ReactDOM from 'react-dom';

    import { Calendar } from '@progress/kendo-react-dateinputs';
    import { IntlProvider, load } from '@progress/kendo-react-intl';

    import likelySubtags from 'cldr-core/supplemental/likelySubtags.json';
    import currencyData from 'cldr-core/supplemental/currencyData.json';
    import weekData from 'cldr-core/supplemental/weekData.json';

    load(likelySubtags, currencyData, weekData);

    weekData.supplemental.weekData.firstDay.US = 'mon';

    class App extends React.Component {
    render() {
        return (
        <IntlProvider locale={'en-US'}>
            <div className="example-wrapper row">
            <Calendar />
            </div>
        </IntlProvider>
        );
    }
    }

    ReactDOM.render(
    <App />,
    document.querySelector('my-app')
    );

А вот и живая версия вышесказанного.