JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/1.6.4/fullcalendar.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/1.6.4/fullcalendar.min.js"></script>
<div class="calendar"></div>
CSS
.selecionado {
background-color: #f55;
transition: background-color 80ms linear;
}
JavaScript
$(document).ready(function () {
var opt = {
dayClick: function (date, allDay, jsEvent, view) {
// seta todo background-color como branco
$('.fc-view-month > table .selecionado').removeClass('selecionado');
// seta o background-color do dia clicado como vermelho
$(this).addClass('selecionado');
}
};
$('.calendar').fullCalendar(opt);
});