cellspacing

HTML

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/moment.js/2.6.0/moment.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.1.0/fullcalendar.js"></script>
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.1.0/fullcalendar.css">
<div id='calendar'></div>

CSS

body {
	margin-top: 40px;
	text-align: center;
	font-size: 13px;
	font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
}

#calendar {
	width: 900px;
	margin: 0 auto;
}

.fc .fc-basic-view > table > thead > tr > td {
    border-bottom: 0;
    padding: 0;
}

.fc .fc-basic-view > table > tbody > tr > td {
    border-top: 0;
    padding: 0;
}

.fc .fc-basic-view .fc-row {
    margin: 4px 0;
}

.fc .fc-basic-view.fc-row table {
    border-collapse: separate;
    border-spacing: 4px 0;
}

.fc .fc-basic-view > table > thead .fc-row {
    margin-bottom: 0;
}

JavaScript

$('#calendar').fullCalendar({
	header: {
		left: 'prev,next today',
		center: 'title',
		right: 'month,agendaWeek,agendaDay'
	},
	defaultDate: '2014-06-12',
	editable: true,
	events: [
		{
			title: 'All Day Event',
			start: '2014-06-01'
		},
		{
			title: 'Long Event',
			start: '2014-06-07',
			end: '2014-06-10'
		},
		{
			id: 999,
			title: 'Repeating Event',
			start: '2014-06-09T16:00:00'
		},
		{
			id: 999,
			title: 'Repeating Event',
			start: '2014-06-16T16:00:00'
		},
		{
			title: 'Meeting',
			start: '2014-06-12T10:30:00',
			end: '2014-06-12T12:30:00'
		},
		{
			title: 'Lunch',
			start: '2014-06-12T12:00:00'
		},
		{
			title: 'Birthday Party',
			start: '2014-06-13T07:00:00'
		},
		{
			title: 'Click for Google',
			url: 'http://google.com/',
			start: '2014-06-28'
		}
	]
});