Search results

First Day of Week in React Calendar component

11 Jan 2022 / 1 minute to read

The Calendar provides an option to change the first day of the week by using the firstDayOfWeek property. Day of the week starts from 0(Sunday) to 6(Saturday).

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

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

Copied to clipboard
// 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'));