Islamic Calendar in Blazor Calendar Component

4 Nov 20251 minute to read

In addition to the Gregorian calendar, the Blazor Calendar component supports displaying the Islamic (Hijri) calendar. The Hijri calendar is a lunar calendar with 12 months and 354 or 355 days per year. To render the Islamic calendar, set the CalendarMode property to CalendarType.Islamic. This switches the calendar system used for display and selection.

Also, it consists of all Gregorian calendar functionalities as like min and max date, week number, start day of the week, multi selection, enable RTL, start and depth view, localization, highlight and customize the specific dates.By default, calendar mode is in Gregorian.

The following example demonstrates how to display the Islamic calendar (Hijri calendar).

  • RAZOR
    • @using Syncfusion.Blazor.Calendars

<SfCalendar TValue="DateTime?" CalendarMode="CalendarType.Islamic" ></SfCalendar>