highlighting a table cell and all others behind it until the first item.

hover.js

calendarTo.on('mouseover', 'td', function(){

  		var tds = calendarTo.find('td').not('.ui-datepicker-other-month');

				fromTd = tds.filter('.ui-state-range:first');

				thisTd = $(this);

				startIndex = tds.index(fromTd);

				endIndex = tds.index(thisTd)+1;

				if(startIndex < 0) startIndex = 0;

				tds.slice(startIndex, endIndex).addClass(hoverClass);

		}).on('mouseout',function(){

			$('#date-to-container .'+hoverClass).removeClass(hoverClass);

		});