GWT Calendar or Datepicker to display seasons in a year - gwt

Question

I'm trying to find the best component to display date ranges among a year.
An idea is to display are months as boxes (12 boxes) and paint the seasons with a different colour.
GWT Datepicker does not really fit my needs since is not extendible enough (http://code.google.com/p/google-web-toolkit/issues/detail?id=3848). A calendar component is too much complicated. GXT datepicker lacks of extendibility too.
That's a sample of what I'd like to acheive:
Any idea? I'm using GXT as library.

Answer 1

In my opinion, using DatePicker isn't such a bad idea. Here's a little example that covers a single month. I think it won't be too hard to extend this to a full year by arranging 12 of these in a grid:
Java
final DateTimeFormat format = DateTimeFormat.getFormat("yyyy-MM-dd");
final DatePicker datePicker = new DatePicker();
datePicker.setCurrentMonth(format.parse("2012-01-01"));
datePicker.addStyleName("my-cal");
final Date start = format.parse("2012-01-17");
final Date end = format.parse("2012-01-28");
for (final Date date = start; date.compareTo(end) <= 0; CalendarUtil
.addDaysToDate(date, 1)) {
datePicker.addStyleToDates("my-green", date);
}
CSS
.my-green { background-color: green !important; }
.my-cal .datePickerPreviousButton { visibility: hidden; }
.my-cal .datePickerNextButton { visibility: hidden; }
With the "clean" theme, it looks like this:
P. S. Here's how the full calendar could look like:
Full code:
http://pastebin.com/xkrRQQht