Agular full calendar view events styling

Question

I want to Add hover effects on Events of Angular Full-calendar-view(using this version ^5.10.2). I tried by using eventMouseEnter and eventMouseLeave functions but it's not helping me to add effects on events. Pic attached to show events on Full calendar.enter image description here

Answer 1

I don't know if you use Jquery, but if yes, you could define your hover style(s) in a class (in my case, .event_hover) and then do something like...

eventDidMount: function(info) {
    var $el = $(info.el);        
    $el.hover(function() {
        $(this).addClass("event_hover");
    }, function(){
        $(this).removeClass("event_hover");
    });
}

If you don't use jQuery, you may could do something similar in Javascript, but at the end the key is to modify the eventDidMount event. Hope it goes right for you.