How To Style DayMouseover In Fullcalender

I am using Fullcalender plugin in my Angular application. I want to change cell color when i mouse over a time slot (eg. 7.30am-8.00am) in AgendaWeek view.I want something like thi

Solution 1:

I don't think you can edit the background color of only one cell because the cells aren't actually cells but rows:

<tr data-time="11:30:00" class="fc-minor">
    <td class="fc-axis fc-time fc-widget-content" style="width: 51px;"></td>
    <td class="fc-widget-content"></td>
</tr>

Solution 2:

The structure must be in table tag and if you have this .fc-widget-content parent class, you can use like .fc-widget-content table tr td:hover { background: #adf4fa; }