JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://cdn.jsdelivr.net/fullcalendar/1.6.4/fullcalendar.css">
<script src="http://cdn.jsdelivr.net/fullcalendar/1.6.4/fullcalendar.min.js"></script>
<div id="mycalendar"></div>

CSS

.fc-today{
    background-color: green;    
}
.fc-sat, .fc-sun{
    background-color: yellow;
}
.fc-past{
    background-color: silver;
}

JavaScript

$('#mycalendar').fullCalendar({
    header: {
        left: 'prev,next today',
        center: 'title',
        right: 'month,agendaWeek,agendaDay'
    },
    events: [
        {
        title: 'event2',
        start: '2014-05-03'},
    {
        title: 'event2',
        start: '2014-05-05'},
    {
        title: 'event3',
        start: '2014-05 10:00',
        allDay: false}
    ]
});