JSFiddle - React, Tailwind, and code Playground

by bemulima

HTML

<link rel="stylesheet" href="http://cdn.jsdelivr.net/fullcalendar/1.5.4/fullcalendar.css">
<script src="http://cdn.jsdelivr.net/fullcalendar/1.5.4/fullcalendar.js "></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.3/moment.min.js"></script>
<link rel="stylesheet" href="//cdn.jsdelivr.net/qtip2/2.2.1/jquery.qtip.min.css">
<script src="//cdn.jsdelivr.net/qtip2/2.2.1/jquery.qtip.min.js"></script>
<div id='calendar'></div>

JavaScript

$(document).ready(function() {

      var calendar = $('#calendar').fullCalendar({
      defaultView: 'agendaWeek',
      editable: true,
        selectable: false,
          allDaySlot: false,
      //header and other values
          events: [
				{
					title: 'Meeting',
					start: '2020-09-22T10:30:00',
					end: '2020-09-22T12:30:00',
                    allDay: false
				}],

    });
    $(".fc-event.fc-event-skin.fc-event-vert.fc-event-draggable.fc-corner-top.fc-corner-bottom").draggable();
});