New component to pull in the new context.

components/calender/NewContext.tsx

@@ -0,0 +1,16 @@
+import React, { useContext } from "react";
+import { Box, Text } from "@chakra-ui/react";
+import { NewCalenderContext } from "../../contexts/NewCalenderContext";
+
+const NewContext = (): JSX.Element => {
+  const { selectedMonthInfo } = useContext(NewCalenderContext);
+  const { date } = selectedMonthInfo;
+
+  return (
+    <Box>
+      <Text>{`New Context Was Provided. Selected date is ${date}`}</Text>
+    </Box>
+  );
+};
+
+export default NewContext;