add group renderer to show styled week + add week to ui constant group

SAS/TMSS/frontend/tmss_webapp/src/layout/sass/_timeline.scss

@@ -628,6 +628,12 @@
   }
 }
 
+.group-render-week {
+  color: var(--bluegray-500);
+  font-size: 13px;
+  margin-right: 1rem;
+}
+
 .p-multiselect-header .p-multiselect-close {
   position: absolute;
   margin-left: -45px;

SAS/TMSS/frontend/tmss_webapp/src/routes/Timeline/helpers/timeline.item.helper.js

@@ -137,6 +137,16 @@ export function itemRenderer({item, timelineContext, itemContext, getItemProps,
     }
 }
 
+export function groupRenderer({group}) {
+    const titleSplitOnWeek = group.title.split(":");
+    const week = titleSplitOnWeek[0]
+    const date = titleSplitOnWeek[1]
+    return <div>
+        <span className="group-render-week">{week}</span>
+        {date}
+    </div>;
+}
+
 function retrieveAntennaSetFromObservationTasks(suBlueprint) {
     // if (!suBlueprint.task_blueprints) //TODO: add test
     let antennaSet = "";

SAS/TMSS/frontend/tmss_webapp/src/utils/ui.constants.js

@@ -53,7 +53,7 @@ const UIConstants = {
     CALENDAR_DEFAULTDATE_FORMAT: 'YYYY-MM-DD',
     UTC_DATE_TIME_FORMAT: "YYYY-MM-DDTHH:mm:ss",
     UTC_DATE_TIME_MS_FORMAT: "YYYY-MM-DDTHH:mm:ss.SSSSS",
-    CALENDAR_GROUP_FORMAT: "MMM DD  - ddd",
+    CALENDAR_GROUP_FORMAT: "w: MMM DD - ddd",
     FILTER_MAP: {
         'AutoField': '',
         'CharFilter': '',