JSFiddle - React, Tailwind, and code Playground

by Kamil

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.9.0/fullcalendar.min.css">
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.9.0/fullcalendar.min.js"></script>
<div id="calendar"></div>

JavaScript

$(document).ready(function() {
  $('#calendar').fullCalendar({
    header: {
      left: 'prev,next title',
      right: ''
    },
    editable: true,
    droppable: true,
    
    dayRender: function(event, element) {
        var date = moment(event.start).format('YYYY-MM-DD');
        $('.fc-day[data-date="' + date + '"]').css('border-width', '5px','border-color', 'pink');

}


  });
});