Skip to Content

SAPUI5 Calendar that show events at a glance in month view


I tried to search SAPUI5 control in calendar format that show event in month view.

The purpose is for user to be able to display the whole event for that month in one glance. I imagine it should be similar like this screenshot:

I searched sap.ui.unified.Calendar and sap.m.PlanningCalendar example in SAP samples page

but both control does not show event directly in the specific date assigned. Is there built in SAPUI5 control with similar functionality as above screenshot?

Thank you.

Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

2 Answers

  • Best Answer
    Jul 07, 2017 at 01:15 PM


    There is no exact control as you have showed in the above attachment .. Either create a custom control by extending the sap.ui.unified.calendar which will be too complex or try to make use of planning calendar so as to fit your requirement ..

    You can even customize the sap.ui.unified.calendar using javascript too .. i did that once but that's not the recommended way and that also is too complex and time consuming ..



    Add comment
    10|10000 characters needed characters exceeded

    • Hi Viplove,

      Thank you for responding to my question. Looking at the number of respond that I get, it seems like there is really no built in SAPUI5 Calendar event control that matched my requirement.

      I have actually thinking of creating custom control from several other open source Jquery calendar out there but I've initially refused to accept that SAPUI5 does not have control that commonly preferred by organization. Planning calendar is almost there but unfortunately there is no option to show all events in Month view directly. In almost all calendar related application out there, this Month view seems like a basic capability so it is quite surprising that SAP has not yet reached that level (or maybe not since SAP always seems like one step behind in term of User Experience).

      Many Thanks,


  • Nov 01, 2017 at 01:32 PM


    you can use PlanningCalendar and switch it to 1Month view (from the view selector drop down), where we display the complete month. Check the sample here



    Add comment
    10|10000 characters needed characters exceeded

    • Hi,

      actually what you show is the mobile (or S size) of the 1month view. This is automatically adjusted by the planning calendar. If you don't want to switch to calendar in your screenshot you have to create custom view that is not 'squeezed' when you decrease the size of the windows, but bear in mind that 31days (like on the screenshot below) on small doesn't look nice.