Add initial calendar implementation

src/component/calendar.astro

@@ -0,0 +1,24 @@
+<div id="calendar"/>
+
+<script>
+import { Calendar } from '@fullcalendar/core';
+import dayGridPlugin from '@fullcalendar/daygrid';
+import listPlugin from '@fullcalendar/list';
+import interactionPlugin from '@fullcalendar/interaction';
+import scrollgridPlugin from '@fullcalendar/scrollgrid';
+import resourcePlugin from '@fullcalendar/resource';
+
+let calendarEl = document.getElementById('calendar')!;
+let calendar = new Calendar(calendarEl, {
+  plugins: [ dayGridPlugin, listPlugin, interactionPlugin, scrollgridPlugin, resourcePlugin ],
+  initialView: 'dayGridMonth',
+  headerToolbar: {
+    left: 'prev,next today',
+    center: 'title',
+    right: 'dayGridMonth,timeGridWeek,listWeek'
+  },
+  
+});
+calendar.render();
+
+</script>

src/pages/index.astro

@@ -1,10 +1,11 @@
 ---
 import "../styles/global.css"
 import Layout from "../component/core/layout.astro"
-import Editor from "../component/editor.astro"
+import Calendar from "../component/calendar.astro"
 ---
 
 
-<Layout>
 
+<Layout>
+    <Calendar />
 </Layout>