Public
Edited
Apr 23
Insert cell
Insert cell
viewof calendar = {
const el = DOM.element("div");
const calendar = new Calendar(el, {
plugins: [dayGridPlugin],
headerToolbar: {
left: "prev,next today",
center: "title",
right: "dayGridWeek,dayGridMonth"
},
initialView: "dayGridWeek"
});
calendar.render();
el.value = calendar
return el;
}
Insert cell
FulLCalendarCore = import("https://cdn.skypack.dev/@fullcalendar/core@6.1.8")
Insert cell
FullCalendarDayGrid = import(
"https://cdn.skypack.dev/@fullcalendar/daygrid@6.1.8"
)
Insert cell
dayGridPlugin = FullCalendarDayGrid.default
Insert cell
Calendar = FulLCalendarCore.Calendar
Insert cell

Purpose-built for displays of data

Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
Learn more