jqwidgets-framework/demos/angular/app/calendar/firstdayoftheweek/app.component.ts

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

import { Component, ViewChild } from '@angular/core';

import { jqxCalendarComponent } from '../../../jqwidgets-ts/angular_jqxcalendar';
import { jqxDropDownListComponent } from '../../../jqwidgets-ts/angular_jqxdropdownlist';

@Component({
    selector: 'app-root',
    templateUrl: './app.component.html'
})

export class AppComponent {
    @ViewChild('myCalendar') myCalendar: jqxCalendarComponent;
    @ViewChild('myDropDownList') myDropDownList: jqxDropDownListComponent;

    days: string[] = ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'];
 
    myDropDownListOnSelect(event: any): void {
      let index = event.args.index;
      if (index === 6) {
          index = -1;
      }
      this.myCalendar.firstDayOfWeek(index + 1);
    };
}