JSFiddle - React, Tailwind, and code Playground

HTML

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

JavaScript

var date = new Date();
var d = date.getDate();
var m = date.getMonth();
var y = date.getFullYear();
$('#calendar').fullCalendar({
  events: [
    {title: 'All Day Event',start: new Date(y, m, d)}
  ],
  editable: true,
  eventDrop: function(event, delta, revertFunc) {

    if (!confirm("Are you sure to re-book the ticket?")) {
      revertFunc();
    }

  }
});