From 560bf04b6ce2d22be876245203d4bf5603afa1b6 Mon Sep 17 00:00:00 2001
From: bytedream <me@bytedream.dev>
Date: Sun, 18 May 2025 21:10:55 +0200
Subject: [PATCH] fix invalid datetime error on team create

---
 src/actions/team.ts                          | 2 +-
 src/app/admin/teams/CreateOrEditPopup.svelte | 8 ++++----
 src/components/input/Input.svelte            | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/actions/team.ts b/src/actions/team.ts
index 757ad73..ab63660 100644
--- a/src/actions/team.ts
+++ b/src/actions/team.ts
@@ -9,7 +9,7 @@ export const team = {
     input: z.object({
       name: z.string(),
       color: z.string(),
-      lastJoined: z.string().datetime().nullable(),
+      lastJoined: z.string().datetime({ local: true }).nullable(),
       memberOne: z.object({
         id: z.number().nullish(),
         username: z.string()
diff --git a/src/app/admin/teams/CreateOrEditPopup.svelte b/src/app/admin/teams/CreateOrEditPopup.svelte
index d14b44d..34a35f5 100644
--- a/src/app/admin/teams/CreateOrEditPopup.svelte
+++ b/src/app/admin/teams/CreateOrEditPopup.svelte
@@ -29,7 +29,7 @@
 
   // states
   let name = $state<string | null>(team?.name ?? null);
-  let color = $state<string | null>(team?.color ?? null);
+  let color = $state<string | null>(team?.color ?? '#000000');
   let lastJoined = $state<string | null>(team?.lastJoined ?? null);
   let memberOne = $state<Team['memberOne']>(team?.memberOne ?? ({ username: null } as unknown as Team['memberOne']));
   let memberTwo = $state<Team['memberOne']>(team?.memberTwo ?? ({ username: null } as unknown as Team['memberOne']));
@@ -74,15 +74,15 @@
       <h3 class="text-xl font-geist font-bold">{popupTitle}</h3>
       <div class="w-full flex flex-col">
         <div class="grid grid-cols-2 gap-4">
-          <Input type="color" label="Farbe" bind:value={color} />
-          <Input type="text" label="Name" bind:value={name} />
+          <Input type="color" label="Farbe" bind:value={color} required />
+          <Input type="text" label="Name" bind:value={name} required />
         </div>
         <div class="grid grid-cols-2 gap-4">
           <UserSearch label="Spieler 1" bind:value={memberOne.username} required mustMatch />
           <UserSearch label="Spieler 2" bind:value={memberTwo.username} required />
         </div>
         <div class="grid grid-cols-2 gap-4">
-          <Input type="date" label="Zuletzt gejoined" bind:value={lastJoined}></Input>
+          <Input type="datetime-local" label="Zuletzt gejoined" bind:value={lastJoined}></Input>
         </div>
       </div>
       <div>
diff --git a/src/components/input/Input.svelte b/src/components/input/Input.svelte
index a6c3acf..6c1a411 100644
--- a/src/components/input/Input.svelte
+++ b/src/components/input/Input.svelte
@@ -3,7 +3,7 @@
 
   interface Props {
     id?: string;
-    type?: 'color' | 'date' | 'tel' | 'text' | 'email';
+    type?: 'color' | 'date' | 'datetime-local' | 'tel' | 'text' | 'email';
     value?: string | null;
     label?: string;
     required?: boolean;