Angular Calendar Gregorian, Jalali & Hijri Example

The date picker supports multiple calendar systems. You can control it with the calendarSystem setting, and it supports the following options:

Gregorian - it is included by default
Jalali - it is the default system of the Persian calendar and is included within the Farsi language pack
Hijri - it is included in the Arabic language pack

Interested in localization? Explore this example →

Pick a calendar system

Gregorian Jalali Hijri

html<mbsc-datepicker
    [calendarSystem]=""
    [locale]="">
</mbsc-datepicker>

tsimport { ,  } from '@mobiscroll/angular';

class myComponent {
    public  = ;
    public  = ;
}

Duplicate Session

You have signed in on a different machine. To keep everything in sync, you have been signed out of this session.

If you need to invite team members, manage seats and accounts you can do it from the licenses page.

We noticed you are logged in on a different machine and have closed your old session.

If you need to invite team members, manage seats and accounts you can do it from the licenses page.