JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://arshaw.com/js/fullcalendar-1.5.1/fullcalendar/fullcalendar.css">
<script src="http://arshaw.com/js/fullcalendar-1.5.1/fullcalendar/gcal.js"></script>
<script src="cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.6.1/fullcalendar.min.js"></script>
<div id="calendar"></div>

JavaScript

var $j = jQuery.noConflict();

$j(document).ready(function() {

    // CALENDAR
    $j('#calendar').fullCalendar({

        eventSources: [
            {
            url: "http://www.google.com/calendar/feeds/nmm.se_arr0v56v6piib6abvk5j7re6bo%40group.calendar.google.com/public/basic",
            className: 'test-event',
            color: '#3399FF'}
        ],
        defaultView: 'agendaDay',
        allDaySlot: false,
        minTime: 0,
        year: 2011,
        month: 4,
        date: 28,
        slotMinutes: 15,
        height: 1200,
        timeFormat: 'HH:mm{ - HH:mm}',
        axisFormat: 'HH:mm',

        header: {
            left: 'title',
            center: '',
            right: ''
        }

    });

});