Reply To: Calendar

Only with .css.
You have to overwrite the start with full background and the end with empty backgrounds. For red and yellow that’s four combinations, here’s an example for an occupied (yellow) start day that will appear as full occupied day afterwards:

Select Code
1
2
3
4
5
6
7
8
9
10
11
12
td.calendar-cell-occupied2.calendar-cell-halfend {
		cursor:pointer;
		background-image:url(../../images/cal-2-yel.png);
		background-image:url(../../images/cal-2-yel.png), -moz-linear-gradient(top,  #ededed 0%, #d8d8d8 100%); /* FF3.6+ */
		background-image:url(../../images/cal-2-yel.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#d8d8d8)); /* Chrome,Safari4+ */
		background-image:url(../../images/cal-2-yel.png), -webkit-linear-gradient(top,  #ededed 0%,#d8d8d8 100%); /* Chrome10+,Safari5.1+ */
		background-image:url(../../images/cal-2-yel.png), -o-linear-gradient(top,  #ededed 0%,#d8d8d8 100%); /* Opera 11.10+ */
		background-image:url(../../images/cal-2-yel.png), -ms-linear-gradient(top,  #ededed 0%,#d8d8d8 100%); /* IE10+ */
		background-image:url(../../images/cal-2-yel.png), linear-gradient(to bottom,  #ededed 0%,#d8d8d8 100%); /* W3C */
		background-repeat:repeat-x;
		background-position: bottom center;
}

I took the class selector from the half occupied start day and entered the value of the full occupied day.

You can find the css classes in /css/calendars/style_2.css
line 108-143 are the standard empty, occupied and full cells and line 190 – 234 are the half occupied and full cells.
Add them to a .css file that get loaded after the calendars style.
Regards