JSFiddle - React, Tailwind, and code Playground

by arshaw

HTML

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/es5/rrule.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/main.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/main.min.css">
<script src="https://cdn.jsdelivr.net/npm/@fullcalendar/[email protected]/main.global.min.js"></script>
<div id="calendar"></div>

JavaScript

document.addEventListener('DOMContentLoaded', function() {
  var calendarEl = document.getElementById('calendar');
  var calendar = new FullCalendar.Calendar(calendarEl, {
  	events: [
    	{
        title: 'Mon, Tue',
        allDay: true,
        rrule: {
          freq: 'weekly',
          interval: 1,
          byweekday: ['mo','tu'],
          dtstart: '2021-01-01'
        }
	    }
    ]
  });
  calendar.render();
});