This availability calendar is basically a table with cells that have the class 'available' or 'unavailable'. Now I need to make it so that the first and last unavailable dates have a diagonal color split.

CSS selector for the starting unavailable date:
.available + .unavailable

But when I do .unavailable + .available, the split shows up a day too late and it doesn't work if the date ends on the last child of a tr.