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