calender

frontend/src/App.tsx

@@ -14,6 +14,9 @@ import './App.css';
 // 必要なインポートを追加
 import AddDishes1 from './pages/AddDishes1';
 import AddDishes2 from './pages/AddDishes2';
+//カレンダーライブラリ
+import FullCalendar from '@fullcalendar/react';
+import dayGridPlugin from "@fullcalendar/daygrid";
 
 /**
  * アプリケーション全体のMaterial UIテーマを定義
@@ -55,6 +58,15 @@ const theme = createTheme({
   },
 });
 
+const Calendar = () => {
+  return (
+    <FullCalendar
+      plugins={[dayGridPlugin]}
+      initialView="dayGridMonth"
+    />
+  );
+}
+
 /**
  * 認証が必要なルートを保護するためのコンポーネント
  * ローカルストレージにトークンがない場合はログインページにリダイレクト