JSFiddle - React, Tailwind, and code Playground

by kneidels

HTML

<script src="https://cdn.jsdelivr.net/npm/[email protected]/builds/moment-timezone-with-data.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/builds/moment-timezone-with-data.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.css">
<script src="https://cdn.jsdelivr.net/npm/@fullcalendar/[email protected]/main.global.min.js"></script>
<div id="cal">

</div>

JavaScript

document.addEventListener('DOMContentLoaded', function() {
    var calendarEl = document.getElementById('cal');

    var calendar = new FullCalendar.Calendar(calendarEl, {
		timeZone: 'America/New_York',
		headerToolbar: {
			left: 'prev,next today',
			center: 'title',
			right: 'month,basicWeek,basicDay'
		},
		
		
		events: [
             
              {
                  id: '10034',
                  title: '31cc',
                  start: '2020-08-31T15:00:00Z',
                  duration: '45'
              },
          
              {
                  id: '10052',
                  title: 'Sep 2 HAFTR',
                  start: '2020-09-02T12:30:00Z',
                  duration: '60'
              },
          
              {
                  id: '10070',
                  title: 'Night Meeting',
                  start: '2020-09-03T04:00:00Z',
                  duration: '60'
              },
          
              {
                  id: '10061',
                  title: 'Sep 15 Frisch',
                  start: '2020-09-15T10:00:00Z',
                  duration: '60'
              },

          
		]
		

    });

     calendar.render();
     });