JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.diamondchain.com/trade-show/fullcalendar.js"></script>
<link rel="stylesheet" href="http://www.diamondchain.com/trade-show/fullcalendar.css">
<div id='calendar'></div>
<div id='first'>
    <span>Set Up Date</span><input name='startDate' value=''></input><br />
</div>
<div id='second'>
    <span>End Date</span><input name='endDate' value=''></input>
</div>

CSS

<style type='text/css'>

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

	#calendar {
		width: 720px;
		padding-bottom: 10px;
		margin: 0;
		float: left;
		}

</style>

JavaScript

$(function () {
    myevent = {title: 'My Event', start: new Date('2014-09-01')};
    $('#calendar').fullCalendar();
    $('#calendar').fullCalendar('renderEvent', myevent);
});