New to Kendo UI for Angular? Start a free 30-day trial


ProductProgress® Kendo UI for Angular Calendar


How can I change the first day of the week in the Kendo Calendar or DatePicker?


  1. Create a custom service which inherits the CldrIntlService and override its firstDay member.

    import { Inject, Injectable, LOCALE_ID } from '@angular/core';
    import { CldrIntlService } from '@progress/kendo-angular-intl';
    export class MyIntlService extends CldrIntlService {
        constructor(@Inject(LOCALE_ID) localeId: string) {
        public firstDay(): number {
            return 1;
  2. Provide the custom service implementation as IntlService in the parent or application module.

        providers: [
                provide: IntlService,
                useClass: MyIntlService
        // ...
    export class AppModule { }

The following example shows the full implementation of the demonstrated approach.

View Source
Change Theme:

See Also

In this article

Not finding the help you need?