Add Date Scheduled To DR Tab

Author: Peyton-McKee

src/frontend/src/pages/GanttPage/GanttChartComponents/GanttTaskBar/GanttTaskBarDisplay.tsx

@@ -21,6 +21,7 @@ import {
 } from './GanttTaskBarDisplayStyles';
 import { CSSProperties } from 'react';
 import { ArcherElement } from 'react-archer';
+import { datePipe } from '../../../../utils/pipes';
 
 interface GanttTaskBarDisplayProps {
   days: Date[];
@@ -182,7 +183,15 @@ const GanttTaskBarDisplay = ({
               onMouseOver={(e) => handleOnMouseOver(e, transformDesignReviewToGanttTask(designReview))}
               onMouseLeave={handleOnMouseLeave}
               onClick={() => history.push(`${routes.CALENDAR}/${designReview.designReviewId}`)}
-            />
+            >
+              <Typography
+                variant="body1"
+                sx={taskNameContainerStyles(task)}
+                onClick={() => history.push(`${routes.CALENDAR}/${designReview.designReviewId}`)}
+              >
+                {datePipe(designReview.dateScheduled, false)}
+              </Typography>
+            </div>
           );
         })}
         {highlightedChange && isHighlightedChangeOnGanttTask(highlightedChange, task) && (

src/frontend/src/utils/pipes.ts

@@ -69,13 +69,13 @@ export const emDashPipe = (str: string) => {
  * so to get around that we do the toDateString() of the time and pass it into the Date constructor
  * where the constructor assumes it's in UTC and makes the correct Date object finally
  */
-export const datePipe = (date?: Date) => {
+export const datePipe = (date?: Date, includeYear = true) => {
   if (!date) return '';
   date = typeof date == 'string' ? new Date(date) : new Date(date.toDateString());
   return date.toLocaleDateString('en-US', {
     day: '2-digit',
     month: '2-digit',
-    year: 'numeric',
+    year: includeYear ? 'numeric' : undefined,
     timeZone: 'UTC'
   });
 };