JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

/* .fc-event {              
    width: 10px;
    border-radius: 12px;
    
} */
.fc-content{
  /* color:rgba(255, 0, 0, 0.01); */
}

JavaScript

$("#calendar").fullCalendar({
	  header: false,
	  height: 800,
	  defaultView: 'month',

	  views: {
	    week: {
	      columnFormat: 'dddd'
	    }
	  },
	  firstDay: 1,
	  weekends: true,
	  allDaySlot: false,
	  slotDuration: "01:30:00",
    events:[
    {title:'Event1',start:new Date(2016,05,02),end:new Date(2016,05,04),color:'green'},
    {title:'Event12',start:new Date(2016,05,02),end:new Date(2016,05,04),color:'red'},
    {title:'Event13',start:new Date(2016,05,02),end:new Date(2016,05,04)}
    ]
	});