Better formatted date

packages/bridge-ui/src/app/components/race-details/race-details.component.html

@@ -14,7 +14,7 @@
         <h1 style="text-align: center;" >{{race.mapName}}</h1>
         <div class="count-down-timer">
             @if(notOpenYet) {
-                <h2>Race opens on: {{race.startDate}}</h2>
+                <h2>Race opens on: {{getFormattedDate(race.startDate)}}</h2>
             }
             @else if(openToUploads) {
                 <h2>Entries Close on: {{currentTime}} </h2>

packages/bridge-ui/src/app/components/race-details/race-details.component.ts

@@ -209,4 +209,11 @@ export class RaceDetailsComponent implements AfterViewInit {
     })
     this.sortedResults = [...sorted];
   }
+
+  getFormattedDate(date: any) {
+    let _date = new Date(date);
+    return `${
+      this.months[_date.getMonth()]
+    } ${_date.getDate()}, ${_date.getFullYear()}`
+  }
 }