feat: calendar on create

src/components/ModalCalendar.tsx

@@ -33,7 +33,10 @@ const ModalCalendar: FunctionComponent<ModalCalendarProps> = ({ isOpen, setIsOpe
     <ModalWindow
       isOpen={isOpen}
       setIsOpen={setIsOpen}
-      onClose={onClose}
+      onClose={() => {
+        onClose!();
+        setShowTime(false);
+      }}
       className="md:h-[40rem] md:w-[30rem]"
       zIndex={60}
     >

src/pages/profile_tasks.tsx

@@ -78,7 +78,7 @@ const ProfileTasks: FunctionComponent = () => {
         isOpen={openModalCalendar}
         setIsOpen={setOpenModalCalendar}
         onClose={() => {
-          setCalendarDate(null);
+          if (isEdit) setCalendarDate(null);
         }}
         onChange={(e) => isCreating && setCalendarDate(e.value)}
         value={calendarDate!}
@@ -148,7 +148,13 @@ const ProfileTasks: FunctionComponent = () => {
                   ref={taskDescriptionRef}
                 />
               </div>
-              <CalendarDaysIcon class="size-10 cursor-pointer" />
+              <CalendarDaysIcon
+                class="size-10 cursor-pointer"
+                onClick={() => {
+                  setOpenModalCalendar(true);
+                  setCalendarDate(calendarDate ?? new Date());
+                }}
+              />
               <BookmarkIcon class="ms-4 size-10 cursor-pointer" />
             </div>
             <div className="mb-8 flex h-16 flex-col items-center gap-6 self-center md:mb-0 md:flex-row">
@@ -168,16 +174,21 @@ const ProfileTasks: FunctionComponent = () => {
                       alert("Заполните все поля");
                       return;
                     }
+                    if (!calendarDate) {
+                      alert("Заполните дату и время");
+                      return;
+                    }
                     const task: ITask = {
                       id: tasks.length + 1,
                       name: taskNameRef.current.value,
                       description: taskDescriptionRef.current.value,
-                      date: new Date(),
+                      date: calendarDate,
                       checked: false,
                       tags: ["Математика", "Домашнее задание"],
                     };
                     setTasks([...tasks, task]);
                     setIsOpen(false);
+                    setCalendarDate(null);
                   }
                 }}
               >