update style default modal + added date in modal

src/pages/taskmanager/components/task-detail/TaskDetailToolbar.tsx

@@ -1,5 +1,6 @@
 import { type FC, useState } from "react";
 import TaskDetailAttachmentPopover from "./attachment/TaskDetailAttachmentPopover";
+import { DEFAULT_DATE_RANGE } from "./date/constants";
 import TaskDetailDatePopover from "./date/TaskDetailDatePopover";
 import type DateObject from "react-date-object";
 import { DEFAULT_CHECKLISTS } from "./checklist/constants";
@@ -25,6 +26,8 @@ const TaskDetailToolbar: FC<Props> = ({ activeTab, onTabChange }) => {
   const [selectedLabelIds, setSelectedLabelIds] = useState<Set<string>>(new Set(["1"]));
   const [selectedUserIds, setSelectedUserIds] = useState<Set<string>>(new Set(["1"]));
   const [checklists, setChecklists] = useState<TaskChecklist[]>(DEFAULT_CHECKLISTS);
+  const [startDate, setStartDate] = useState<DateObject | null>(DEFAULT_DATE_RANGE.startDate);
+  const [endDate, setEndDate] = useState<DateObject | null>(DEFAULT_DATE_RANGE.endDate);
 
   const selectedLabels = labels.filter((label) => selectedLabelIds.has(label.id));
   const selectedUsers = DEFAULT_USERS.filter((user) => selectedUserIds.has(user.id));
@@ -101,7 +104,9 @@ const TaskDetailToolbar: FC<Props> = ({ activeTab, onTabChange }) => {
     if (isDateOpen) onTabChange("date");
   };
 
-  const handleDateSubmit = (_data: { startDate: DateObject | null; endDate: DateObject | null }) => {
+  const handleDateSubmit = (data: { startDate: DateObject | null; endDate: DateObject | null }) => {
+    setStartDate(data.startDate);
+    setEndDate(data.endDate);
     handleDateClose();
   };
 
@@ -148,7 +153,12 @@ const TaskDetailToolbar: FC<Props> = ({ activeTab, onTabChange }) => {
         }
       />
 
-      <TaskDetailMetadataPreview selectedLabels={selectedLabels} selectedUsers={selectedUsers} />
+      <TaskDetailMetadataPreview
+        selectedLabels={selectedLabels}
+        selectedUsers={selectedUsers}
+        startDate={startDate}
+        endDate={endDate}
+      />
     </div>
   );
 };