JSFiddle - React, Tailwind, and code Playground

HTML

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

JavaScript

$("#calendar").fullCalendar({
    dayRightclick: function (date, jsEvent, view) {
        alert('a day has been rightclicked!');
        // Prevent browser context menu:
        return false;
    },
    eventRightclick: function (event, jsEvent, view) {
        alert('an event has been rightclicked!');
        // Prevent browser context menu:
        return false;
    },
    defaultView: 'agendaDay',
    events: [{
        title: 'right-click me!',
        start: moment(),
        allDay: false
    }],
    scrollTime: moment(),
    allDaySlot: false
});