jqwidgets-framework/demos/react/app/calendar/firstdayoftheweek/app.js

jQWidgets is an advanced jQuery, Angular, React, ASP .NET MVC, Custom Elements and HTML5 UI framework.

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

import JqxCalendar from '../../../jqwidgets-react/react_jqxcalendar.js';
import JqxDropDownList from '../../../jqwidgets-react/react_jqxdropdownlist.js';

class App extends React.Component {
    componentDidMount() {
        this.refs.myDropDownList.on('select', (event) => {
            let index = event.args.index;
            if (index === 6) {
                index = -1;
            }
            this.refs.myCalendar.firstDayOfWeek(index + 1);
        });
    }
    render() {
        let days = ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'];
        return (
            <div>
                <JqxCalendar ref='myCalendar'
                    width={220} height={220} enableTooltips={false}
                />

                <br /><br />
                <div>Choose the first day of the week</div>
                <br /><br />

                <JqxDropDownList ref='myDropDownList'
                    width={220} height={25} source={days}
                    selectedIndex={6} autoDropDownHeight={true}
                />
            </div >
        )
    }
}

ReactDOM.render(<App />, document.getElementById('app'));