HelpBot Assistant

How can I help you?

Change the first day of week in React Calendar component

21 Feb 20262 minutes to read

The Calendar provides an option to change the first day of the week using the firstDayOfWeek property. Days of the week are numbered 0 (Sunday) through 6 (Saturday).

By default, the first day of week is culture-specific.

The following example demonstrates the Calendar with Tuesday as first day of the week.

// import the calendarcomponent
import { CalendarComponent } from '@syncfusion/ej2-react-calendars';
import * as React from "react";
import * as ReactDOM from "react-dom";
export default class App extends React.Component {
    weekstart = 2;
    render() {
        return <CalendarComponent id="calendar" firstDayOfWeek={this.weekstart}/>;
    }
}
;
ReactDOM.render(<App />, document.getElementById('element'));
// import the calendarcomponent
import { CalendarComponent} from '@syncfusion/ej2-react-calendars';
import * as React from "react";
import * as ReactDOM from "react-dom";

export default class App extends React.Component<{}, {}> {

    private weekstart:number = 2;

    public render() {
        return <CalendarComponent id="calendar" firstDayOfWeek={this.weekstart} />
    }
};
ReactDOM.render(<App />, document.getElementById('element'));