JSFiddle - React, Tailwind, and code Playground

by slicedtoad

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({
    defaultDate: moment(),
    header: {
        left: 'prev,next today',
        center: 'title',
        right: 'month,agendaWeek,agendaDay'
    },
    defaultView: 'agendaWeek',
    nextDayThreshold: "01:00:00",
    eventRender: function(event,element){
    },
    selectable: true,
    select: function( start, end, jsEvent, view ){
        
        $('#calendar').fullCalendar("addEventSource",[{
            start:start,
            end:moment(start).add(90,'m')
        }]);
        $('#calendar').fullCalendar( 'unselect' )        
    },
    
});