businessHours, render on whole-days

src/EventManager.js

@@ -870,7 +870,7 @@ function EventManager(options) { // assumed to be a calendar
 
 	// Returns an array of events as to when the business hours occur in the given view.
 	// Abuse of our event system :(
-	function getBusinessHoursEvents() {
+	function getBusinessHoursEvents(wholeDay) {
 		var optionVal = options.businessHours;
 		var defaultVal = {
 			className: 'fc-nonbusiness',
@@ -882,18 +882,22 @@ function EventManager(options) { // assumed to be a calendar
 		var view = t.getView();
 		var eventInput;
 
-		if (optionVal) {
-			if (typeof optionVal === 'object') {
-				// option value is an object that can override the default business hours
-				eventInput = $.extend({}, defaultVal, optionVal);
-			}
-			else {
-				// option value is `true`. use default business hours
-				eventInput = defaultVal;
-			}
+		if (optionVal) { // `true` (which means "use the defaults") or an override object
+			eventInput = $.extend(
+				{}, // copy to a new object in either case
+				defaultVal,
+				typeof optionVal === 'object' ? optionVal : {} // override the defaults
+			);
 		}
 
 		if (eventInput) {
+
+			// if a whole-day series is requested, clear the start/end times
+			if (wholeDay) {
+				eventInput.start = null;
+				eventInput.end = null;
+			}
+
 			return expandEvent(
 				buildEventFromInput(eventInput),
 				view.start,

src/agenda/AgendaView.js

@@ -106,6 +106,10 @@ var AgendaView = fcViews.agenda = View.extend({
 
 	renderBusinessHours: function() {
 		this.timeGrid.renderBusinessHours();
+
+		if (this.dayGrid) {
+			this.dayGrid.renderBusinessHours();
+		}
 	},
 
 

src/basic/BasicView.js

@@ -78,6 +78,11 @@ var BasicView = fcViews.basic = View.extend({
 	},
 
 
+	renderBusinessHours: function() {
+		this.dayGrid.renderBusinessHours();
+	},
+
+
 	// Builds the HTML skeleton for the view.
 	// The day-grid component will render inside of a container defined by this HTML.
 	renderHtml: function() {

src/common/DayGrid.js

@@ -49,6 +49,14 @@ var DayGrid = Grid.extend({
 	},
 
 
+	renderBusinessHours: function() {
+		var events = this.view.calendar.getBusinessHoursEvents(true); // wholeDay=true
+		var segs = this.eventsToSegs(events);
+
+		this.renderFill('businessHours', segs, 'bgevent');
+	},
+
+
 	// Generates the HTML for a single row. `row` is the row number.
 	dayRowHtml: function(row, isRigid) {
 		var view = this.view;