From f94d7722022cf1f15ee18d41e4f5e5b924d142f8 Mon Sep 17 00:00:00 2001
From: Hayden <64056131+hay-kot@users.noreply.github.com>
Date: Sat, 28 Jan 2023 13:26:51 -0900
Subject: [PATCH] use YYYY-MM-DD for date formats

---
 frontend/components/Form/DatePicker.vue | 4 ++--
 frontend/composables/use-formatters.ts  | 6 +++---
 frontend/lib/api/classes/stats.ts       | 4 ++--
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/frontend/components/Form/DatePicker.vue b/frontend/components/Form/DatePicker.vue
index 06ded47..f216cc7 100644
--- a/frontend/components/Form/DatePicker.vue
+++ b/frontend/components/Form/DatePicker.vue
@@ -3,13 +3,13 @@
     <label class="label">
       <span class="label-text"> Date </span>
     </label>
-    <input ref="input" v-model="selected" type="date" class="input input-bordered w-full" pattern="yyyy-MM-dd" />
+    <input ref="input" v-model="selected" type="date" class="input input-bordered w-full" />
   </div>
   <div v-else class="sm:grid sm:grid-cols-4 sm:items-start sm:gap-4">
     <label class="label">
       <span class="label-text"> Date </span>
     </label>
-    <input v-model="selected" type="date" class="input input-bordered col-span-3 w-full mt-2" pattern="yyyy-MM-dd" />
+    <input v-model="selected" type="date" class="input input-bordered col-span-3 w-full mt-2" />
   </div>
 </template>
 
diff --git a/frontend/composables/use-formatters.ts b/frontend/composables/use-formatters.ts
index 58ed22d..4a0b5b5 100644
--- a/frontend/composables/use-formatters.ts
+++ b/frontend/composables/use-formatters.ts
@@ -63,11 +63,11 @@ export function fmtDate(value: string | Date, fmt: DateTimeFormat = "human"): st
 
   switch (fmt) {
     case "relative":
-      return useTimeAgo(dt).value + useDateFormat(dt, " (MM-DD-YYYY)").value;
+      return useTimeAgo(dt).value + useDateFormat(dt, " (YYYY-MM-DD)").value;
     case "long":
-      return useDateFormat(dt, "MM-DD-YYYY (dddd)").value;
+      return useDateFormat(dt, "YYYY-MM-DD (dddd)").value;
     case "short":
-      return useDateFormat(dt, "MM-DD-YYYY").value;
+      return useDateFormat(dt, "YYYY-MM-DD").value;
     case "human":
       // January 1st, 2021
       return `${months[dt.getMonth()]} ${dt.getDate()}${ordinalIndicator(dt.getDate())}, ${dt.getFullYear()}`;
diff --git a/frontend/lib/api/classes/stats.ts b/frontend/lib/api/classes/stats.ts
index b605270..7959269 100644
--- a/frontend/lib/api/classes/stats.ts
+++ b/frontend/lib/api/classes/stats.ts
@@ -1,7 +1,7 @@
 import { BaseAPI, route } from "../base";
 import { GroupStatistics, TotalsByOrganizer, ValueOverTime } from "../types/data-contracts";
 
-function YYYY_DD_MM(date?: Date): string {
+function YYYY_MM_DD(date?: Date): string {
   if (!date) {
     return "";
   }
@@ -14,7 +14,7 @@ function YYYY_DD_MM(date?: Date): string {
 export class StatsAPI extends BaseAPI {
   totalPriceOverTime(start?: Date, end?: Date) {
     return this.http.get<ValueOverTime>({
-      url: route("/groups/statistics/purchase-price", { start: YYYY_DD_MM(start), end: YYYY_DD_MM(end) }),
+      url: route("/groups/statistics/purchase-price", { start: YYYY_MM_DD(start), end: YYYY_MM_DD(end) }),
     });
   }