diff --git a/pages/index.tsx b/pages/index.tsx
index 5f76f49..dee6334 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -3,6 +3,7 @@ import { Box } from "@chakra-ui/react";
 import Calender from "../components/calender";
 import { CalenderContextProvider } from "../contexts/CalenderContext";
 import { format } from "date-fns";
+import { NewCalenderContextProvider } from "../contexts/NewCalenderContext";
 
 interface UpdateCalendarProps {
   year: number;
@@ -19,7 +20,9 @@ const IndexPage = (): JSX.Element => {
   return (
     <Box textAlign="center" w="100%" h="auto" pt="50px" pb="10vh">
       <CalenderContextProvider>
-        <Calender {...date.current} />
+        <NewCalenderContextProvider>
+          <Calender {...date.current} />
+        </NewCalenderContextProvider>
       </CalenderContextProvider>
     </Box>
   );