How to change the cursor pointer on fullcalendar?

This should do the trick:

.myCalendar {
    cursor: pointer;
}

Using the proper css selector instead of .myCalendar, of course.
Looking at this example calendar, you're probably looking for .fc-event, to preserve the pointer when hovering over calendar events:

.fc-event{
    cursor: pointer;
}

Add the following CSS.

.fc-content {
    cursor: pointer;
}

div.fc-content wraps the calendar cells, so adding cursor: pointer; to .fc-content will produce the desired behavior.

But is that really desired?

In general convention cursor:pointer is used for any clickable element.


In my case simply adding

.fc-event{
    cursor: pointer;
}

to my scss class didn't work. It only works when i add ::ng-deep before it like so:

::ng-deep .fc-event{
    cursor: pointer;
}

I hope it helps anyone