Displaying Islamic Calendar

19 Dec 20224 minutes to read

In addition to the Gregorian calendar, the Calendar control 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 this wikipedia.

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. You can enable the Islamic mode by setting the calendarMode as Islamic.

<ejs-calendar id="calendar" renderDayCell="customDates" calendarMode="Islamic"></ejs-calendar>
<script>
    var addClass = ej.base.addClass;
    function customDates(args) {
        /*Date need to be disabled*/
        if (args.date.getDate() === 12 || args.date.getDate() === 17 || args.date.getDate() === 22) {
            args.isDisabled = true;
        }

        /*Date need to be customized*/
        var span;
        if (args.date.getDate() === 13) {
            span = document.createElement('span');
            args.element.children[0].className += 'e-day sf-icon-cup highlight';
            addClass([args.element], ['special', 'e-day', 'dinner']);
            args.element.setAttribute('data-val', ' Dinner !');
            args.element.appendChild(span);
        }
        if (args.date.getDate() === 23) {
            args.element.children[0].className += 'e-day sf-icon-start highlight';
            span = document.createElement('span');
            span.setAttribute('class', 'sf-icons-star highlight');
            //use the imported method to add the multiple classes to the given element
            addClass([args.element], ['special', 'e-day', 'holiday']);
            args.element.setAttribute('data-val', ' Holiday !');
            args.element.appendChild(span);
        }
    }
</script>

<style>
.e-calendar .e-content td.e-selected span.e-day.sf-icon-cup.highlight:before,
.e-calendar .e-content td.e-selected span.e-day.sf-icon-start.highlight:before {
    color: #ffff !important;
}

.sf-icon-cup:before {
    content: '\e724';
    color: #0b0bd9a1;
    position: relative;
    top: 1px;
    left: -2px;
    font-size: 11px;
    font-family: 'e-sb-icons' !important;
}

.sf-icon-start:before {
    content: '\e708';
    color: #0b0bd9a1;
    position: relative;
    top: 1px;
    left: -1px;
    font-size: 12px;
    font-family: 'e-sb-icons' !important;
}

span.e-icons.highlight {
    margin-top: -13px;
    display: block;
    margin-left: 4px;
}

.e-other-month span.e-icons.highlight:before {
    content: "";
}

.e-selected span.e-icons.highlight:before {
    color: #fff;
}

span.e-icons.highlight,
.e-calendar .e-content span.special,
.e-calendar .e-content span.daycell {
    font-weight: bold;
    font-size: 14px;
}

.e-calendar .e-content span.special {
    border-radius: 50%;
}

/* custom generated icons styles */
@@font-face {
    font-family: 'e-sb-icons';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,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AAEECQALACQBRyBlLXNiLWljb25zUmVndWxhcmUtc2ItaWNvbnNlLXNiLWljb25zVmVyc2lvbiAxLjBlLXNiLWljb25zRm9udCBnZW5lcmF0ZWQgdXNpbmcgU3luY2Z1c2lvbiBNZXRybyBTdHVkaW93d3cuc3luY2Z1c2lvbi5jb20AIABlAC0AcwBiAC0AaQBjAG8AbgBzAFIAZQBnAHUAbABhAHIAZQAtAHMAYgAtAGkAYwBvAG4AcwBlAC0AcwBiAC0AaQBjAG8AbgBzAFYAZQByAHMAaQBvAG4AIAAxAC4AMABlAC0AcwBiAC0AaQBjAG8AbgBzAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAHUAcwBpAG4AZwAgAFMAeQBuAGMAZgB1AHMAaQBvAG4AIABNAGUAdAByAG8AIABTAHQAdQBkAGkAbwB3AHcAdwAuAHMAeQBuAGMAZgB1AHMAaQBvAG4ALgBjAG8AbQAAAAACAAAAAAAAAAoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADIBAgEDAQQBBQEGAQcBCAEJAQoBCwEMAQ0BDgEPARABEQESARMBFAEVARYBFwEYARkBGgEbARwBHQEeAR8BIAEhASIBIwEkASUBJgEnASgBKQEqASsBLAEtAS4BLwEwATEBMgEzAAltYWlsLXNlbmQLaW5ib3gtMDItd2YLaW5ib3gtMDEtd2YFaW5ib3gPb3Blbi1tZXNzYWdlLXdmDGFycm93aGVhZC0wMRBhcnJvd2hlYWQtdG9wLXdmCXJhdGluZy13ZgtyYXRpbmctLS0wMxFhcnJvd2hlYWQtZG93bi0wMQlmb2xkZXItMDMIdXNlcnMtd2YIY2xvY2stMDIGdXBsb2FkCG9uZWRyaXZlEWNsb3VkLWRvd25sb2FkLXdmD3dvcmstb2ZmbGluZS13ZglzZWFyY2gtd2YPbm90ZS1tZW1vLTAxLXdmDGltcG9ydGFudC13ZglzZW50LW1haWwIaW5ib3gtd2YLbWFpbC0tLXNlbnQJdXNlci1iYWNrDHVzZXItcHJvZmlsZQ5hbGFybS1jbG9jay13Zg5zZWFyY2gtdGltZS13ZgtiZWxsLW5ldy13ZhdiZXZlcmFnZS1jb2NrdGFpbC0wNC13ZhRiZXZlcmFnZS1jb2NrdGFpbC0wMgdib3dsLXdmB2Nha2UtMDIHY2FrZS13Zgtjb2ZmZWUtLS0wMQ9jb2ZmZWUtY3VwLS0tMDILY29mZmVlLWJlYW4Nd2luZS1nbGFzcy0wMQRiZWxsDGFsYXJtLTAxLXdmLQlhbGFybS0tMDIHYXRobGV0ZQdnaWZ0LTAxB2dpZnQtd2YJYmFsbC0tLTAzB2FyY2hlcnkKYmFza2V0YmFsbAlhZXJvcGxhbmUNYmljeWNsZS0wMy13ZglhdG0tMDItd2YAAAAA) format('truetype');
    font-weight: normal;
    font-style: normal;
}

[class^="sf-icon-"],
[class*=" sf-icon-"] {
    speak: none;
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* end of custom generated icons styles */
</style>

NOTE

View Sample in GitHub.