#1192 tasks preserve submitters date

Author: cielbellerose

src/frontend/src/pages/ProjectDetailPage/ProjectViewContainer/TaskList/TaskFormModal.tsx

@@ -2,7 +2,7 @@ import { yupResolver } from '@hookform/resolvers/yup';
 import { Autocomplete, FormControl, FormHelperText, FormLabel, Grid, MenuItem, TextField } from '@mui/material';
 import { DatePicker } from '@mui/x-date-pickers';
 import { Controller, useForm } from 'react-hook-form';
-import { countWords, isGuest, isUnderWordCount, Task, TaskPriority, TeamPreview } from 'shared';
+import { countWords, dateToUtcMidnight, isGuest, isUnderWordCount, Task, TaskPriority, TeamPreview } from 'shared';
 import { useAllMembers, useCurrentUser } from '../../../../hooks/users.hooks';
 import * as yup from 'yup';
 import { taskUserToAutocompleteOption } from '../../../../utils/task.utils';
@@ -88,7 +88,14 @@ const TaskFormModal: React.FC<TaskFormModalProps> = ({ task, onSubmit, modalShow
           if (isGuest(user.role)) return;
           e.preventDefault();
           e.stopPropagation();
-          handleSubmit(onSubmit)(e);
+          handleSubmit((data) => {
+            const transformedData: EditTaskFormInput = {
+              ...data,
+              startDate: data.startDate ? dateToUtcMidnight(data.startDate) : undefined,
+              deadline: data.deadline ? dateToUtcMidnight(data.deadline) : undefined
+            };
+            onSubmit(transformedData);
+          })(e);
           reset();
         }}
         onKeyPress={(e) => {

src/frontend/src/pages/ProjectDetailPage/ProjectViewContainer/TaskList/v2/TaskCard.tsx

@@ -2,7 +2,7 @@ import { Draggable } from '@hello-pangea/dnd';
 import { Construction, Delete, Schedule } from '@mui/icons-material';
 import { Box, Card, CardContent, Chip, Grid, Typography, IconButton } from '@mui/material';
 import { useState } from 'react';
-import { notGuest, Project, Task } from 'shared';
+import { dateToUtcMidnight, notGuest, Project, Task } from 'shared';
 import { useDeleteTask, useEditTask, useEditTaskAssignees } from '../../../../../hooks/tasks.hooks';
 import { useToast } from '../../../../../hooks/toasts.hooks';
 import { useCurrentUser } from '../../../../../hooks/users.hooks';
@@ -58,8 +58,8 @@ export const TaskCard = ({
         taskId,
         notes,
         title,
-        deadline,
-        startDate,
+        deadline: deadline ? dateToUtcMidnight(deadline) : undefined,
+        startDate: startDate ? dateToUtcMidnight(startDate) : undefined,
         priority
       });
       const newTask = await editTaskAssignees({

src/frontend/src/utils/pipes.ts

@@ -75,7 +75,7 @@ export const emDashPipe = (str: string) => {
  */
 export const datePipe = (date?: Date, includeYear = true) => {
   if (!date) return '';
-  date = typeof date == 'string' ? new Date(date) : new Date(date.toDateString());
+  const utcDate = typeof date === 'string' ? new Date(date) : date;
   return date.toLocaleDateString('en-US', {
     day: '2-digit',
     month: '2-digit',