JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.3.0/fullcalendar.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.3.0/fullcalendar.min.js "></script>
<div id='calendar'></div>

JavaScript

$('#calendar').fullCalendar ({
    	defaultView:'month', 
		defaultDate: '2014-11-20', 
        timezone: 'local',
        events: [ {
			title: "Birmingham Comic Con",
			start: new Date('2014-11-20T09:00'),
			end: new Date('2014-11-22T19:00'),
			id: 1, 
			isMultipleDay: true, 
			multipleDayEvents: [{
				start: new Date('2014-11-12T09:00'), 
				end: new Date('2014-11-15T19:00'), 
				description: 'Day 1'
				}, 
				{
				start: new Date('2014-11-16T09:00'),
				end: new Date('2014-11-18T19:00'),
				description: 'Day 2'
				}, 
				{
				start: new Date('2014-11-02T09:00'),
				end: new Date('2014-11-05T19:00'),
				description: 'Day 3'
				}
			]
    }]
})

function AddEvent(){
  $('#calendar').fullCalendar('renderEvent', ourEvent, true);
}