{
const events = [
{
title: 'Classes Begin',
start: '2026-01-12',
color: 'green'
},
{
title : 'MLK Day',
start : '2026-01-19',
color: 'gray',
},
{
title : 'Spring break',
start : '2026-03-09',
end: '2026-03-14',
color: 'gray',
},
{
title : 'UG Research Day',
classNames: ['no_class'],
start : '2026-04-21',
color: 'gray',
},
{
title : 'Last day of class',
// classNames: ['no_class'],
start : '2026-04-28',
color: '#880000',
},
{
title : 'Exam 1',
start : '2026-02-13',
color: '#511d66',
},
{
title : 'Exam 2',
start : '2026-04-03',
color: '#511d66',
},
{
title : 'Exam 3',
start : '2026-04-24',
color: '#511d66',
}, {
title : 'Quiz 1',
start : '2026-01-30',
color: '#9a4eae',
},
{
title : 'Quiz 2',
start : '2026-03-06',
color: '#9a4eae',
},
{
title : 'Final Exam AM',
start : '2026-12-05T11:30',
color: '#9a4eae',
},
{
title : 'Final Exam PM',
start : '2026-12-08T11:30',
color: '#9a4eae',
}
];
const calendar = new FullCalendar.
Calendar(document.getElementById('cal'), {
initialView: 'dayGridMonth',
fixedWeekCount: false,
showNonCurrentDates: false,
// initialDate: '2026-01-12',
hiddenDays: [0,6],
height: 'auto',
events,
eventDidMount: function(arg) {
if(arg.event.extendedProps.hover) {
tippy(arg.el, {
content: arg.event.extendedProps.hover
})
}
else if(arg.event.backgroundColor == 'gray') {
tippy(arg.el, {
content: 'No class'
})
}
},
});
calendar.render();
return md``;
}Course Calendar
Math 291 - Spring 2026