Islamic Calendar in Blazor Calendar Component

10 Feb 20221 minute to read

In addition to the Gregorian calendar, the Calendar component supports displaying the Islamic calendar (Hijri calendar). Islamic calendar or Hijri calendar is a lunar calendar consisting of 12 months in a year of 354 or 355 days. To know more about Islamic calendar, refer to this wikipedia. Also, it consists of all Gregorian calendar functionalities like min and max date, week number, start day of the week, multiselection, right to left, start and depth view, localization, highlight, and customize the specific dates.

By default, the calendar mode is in Gregorian. You can enable the Islamic mode by setting the CalendarMode as Islamic. The following code demonstrates how to display the Islamic Calendar (Hijri Calendar).

@using Syncfusion.Blazor.Calendars

<SfCalendar TValue="DateTime?" Value='@DateValue' CalendarMode="CalendarType.Islamic"></SfCalendar>

    public DateTime DateValue {get;set;} = new DateTime(DateTime.Now.Year, DateTime.Now.Month, 14);

Blazor Calendar with Islamic Type