FullCalendar 2 is a great jQuery plugin that provides and generates a full sized calendar. It’s a fantastic script and extremely well written. The best part about it is it ships with an add-on that gives you Google Calendar support.
With this add-on you can pull in all the events from your Google Calendar (or multiple Google Calendars) into your very own calendar, presumably in your own website or application. Out of the box (with the add-on) it does a fine job of that.
However, as someone who has been using Google Calendar daily for close to a decade, there were a few little visual things that annoyed me. Specifically past events were not dimmed and there is no differentiation between all day events and scheduled ones (such as 2-4pm). Check out their demo.
Thankfully the very recent version 2.0 is extremely extendable. With a little tweaking, I was able to apply separate CSS classes to past events, all day events, and timed events, which of course let’s me styling them to resemble what I am used to seeing inside Google Calendar.
So if you are looking to alter FullCalendar 2 to render events similar to Google Calendar, the snippet below is for you.