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:

<trdata-time="11:30:00"class="fc-minor"><tdclass="fc-axis fc-time fc-widget-content"style="width: 51px;"></td><tdclass="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; }