JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.wijmo.com/jquery.wijmo-open.1.4.0.min.js"></script>
<link rel="stylesheet" href="http://cdn.wijmo.com/themes/rocket/jquery-wijmo.css">
<link rel="stylesheet" href="http://cdn.wijmo.com/jquery.wijmo-open.1.4.0.css">
<script src="http://arshaw.com/js/fullcalendar-1.5.2/fullcalendar/fullcalendar.min.js"></script>
<div id="fc"></div>

JavaScript

$("#fc").fullCalendar({theme:true});
$('.fc-wed').addClass("pending");

$tdCollection = $('td[class*="fc-day"]');
$.each($tdCollection,function(key,elem){

  if($(elem).hasClass('pending') || $(elem).hasClass('confirmed') ) {
    $(elem).wijtooltip({
      content:'Click to delete session',
      position: {my: "left bottom", at:"left bottom"}
    });
  } else {
    $(elem).wijtooltip({
      content:'Click to add a session',
      position: {my: "left bottom", at:"left bottom"}

    });
  }
});