Question

I am using the jQuery weekcalendar plugin to show a web based calendar with events. How can I gray out non-business hours? The whole row should be gray, when it is out of the business hours:

businessHours: {start: 8, end: 19, limitDisplay: false},

Answer 1

Edit: Incomplete answer. It doesn’t highlight the whole row.

Thanks to Phekka I found this in the Inspect element section:

Non-Business-Hours:

<div class="wc-hour-header ui-state-default"></div>

Business-Hours:

<div class="wc-hour-header ui-state-active wc-business-hours"></div>