diff --git a/src/components/dynamic/admin/services/calendar/Toolbar.jsx b/src/components/dynamic/admin/services/calendar/Toolbar.jsx
index 7ea83a83b..0c32f65d3 100644
--- a/src/components/dynamic/admin/services/calendar/Toolbar.jsx
+++ b/src/components/dynamic/admin/services/calendar/Toolbar.jsx
@@ -2,6 +2,7 @@ import { LABELS } from "@/data/dynamic/admin/Calendar.js";
 import Tag from "../../Tag.jsx";
 import { COLORS } from "@/data/dynamic/Tags.js";
 import { FaChevronLeft, FaChevronRight } from "react-icons/fa6";
+import { useEffect } from "react";
 
 const CustomToolbar = ({
   onView,
@@ -36,6 +37,22 @@ const CustomToolbar = ({
     }
   };
 
+  const handleShortcuts = (e) => {
+    switch (e.key) {
+      case "ArrowRight":
+        onNavigate("NEXT");
+        break;
+      case "ArrowLeft":
+        onNavigate("PREV");
+        break;
+    }
+  };
+
+  useEffect(() => {
+    document.addEventListener("keydown", handleShortcuts);
+    return () => document.removeEventListener("keydown", handleShortcuts);
+  }, []);
+
   return (
     <div className="grid grid-cols-3">
       <div className="flex items-center">