diff --git a/src/components/ModalCalendar.tsx b/src/components/ModalCalendar.tsx
new file mode 100644
index 0000000..04a3171
--- /dev/null
+++ b/src/components/ModalCalendar.tsx
@@ -0,0 +1,20 @@
+import { FunctionComponent } from "preact";
+import { Dispatch, StateUpdater } from "preact/hooks";
+import { Calendar } from "primereact/calendar";
+import ModalWindow from "./ui/Modal";
+
+interface ModalCalendarProps {
+  isOpen?: boolean;
+  setIsOpen?: Dispatch<StateUpdater<boolean>>;
+  onClose?: () => void;
+}
+
+const ModalCalendar: FunctionComponent<ModalCalendarProps> = ({ isOpen, setIsOpen, onClose }) => {
+  return (
+    <ModalWindow isOpen={isOpen} setIsOpen={setIsOpen} onClose={onClose} className="md:h-[40rem] md:w-[30rem]">
+      <Calendar inline pt={{ "p-calendar": "w-full" }} />
+    </ModalWindow>
+  );
+};
+
+export default ModalCalendar;
diff --git a/src/pages/profile_tasks.tsx b/src/pages/profile_tasks.tsx
index f31c1d2..3f6d4aa 100644
--- a/src/pages/profile_tasks.tsx
+++ b/src/pages/profile_tasks.tsx
@@ -1,5 +1,6 @@
 import Task from "@/components/task";
 
+import ModalCalendar from "@/components/ModalCalendar";
 import Button from "@/components/ui/Button";
 import ModalWindow from "@/components/ui/Modal";
 import { withTitle } from "@/constructors/Component";
@@ -70,6 +71,7 @@ const ProfileTasks: FunctionComponent = () => {
   const taskDescriptionRef = useRef<HTMLTextAreaElement>(null);
   return (
     <div class={classes.container}>
+      <ModalCalendar isOpen />
       <ModalWindow
         isOpen={openModal}
         setIsOpen={setIsOpen}