From 0f3aa403ea645014beb32ac5eeeaafad2342fdd7 Mon Sep 17 00:00:00 2001
From: Janpeter Visser <30029041+madhura68@users.noreply.github.com>
Date: Wed, 6 May 2026 06:37:05 +0200
Subject: [PATCH] feat(ST-05gegle6): datuminputs pre-vullen met vandaag in
 start-sprint-button (#122)

Voegt todayLocalDate()-helper toe (toLocaleDateString('en-CA') voor YYYY-MM-DD
zonder UTC-drift) en gebruikt hem als defaultValue op start_date en end_date.
Dialog unmount bij sluiten zorgt automatisch voor reset naar vandaag bij heropenen.

Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 components/sprint/start-sprint-button.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/components/sprint/start-sprint-button.tsx b/components/sprint/start-sprint-button.tsx
index 6454456..2889c48 100644
--- a/components/sprint/start-sprint-button.tsx
+++ b/components/sprint/start-sprint-button.tsx
@@ -35,6 +35,10 @@ interface ActionResult {
   sprintId?: string
 }
 
+function todayLocalDate() {
+  return new Date().toLocaleDateString('en-CA')
+}
+
 export function StartSprintButton({ productId, isDemo = false }: StartSprintButtonProps) {
   const [open, setOpen] = useState(false)
   const [dirty, setDirty] = useState(false)
@@ -110,14 +114,14 @@ export function StartSprintButton({ productId, isDemo = false }: StartSprintButt
             <div className="grid grid-cols-2 gap-3">
               <div className="space-y-1.5">
                 <label className="text-sm font-medium text-foreground">Startdatum</label>
-                <input type="date" name="start_date" className="w-full rounded-md border border-border bg-surface-container px-3 py-2 text-sm focus:outline-none focus:ring-1 focus:ring-primary" />
+                <input type="date" name="start_date" defaultValue={todayLocalDate()} className="w-full rounded-md border border-border bg-surface-container px-3 py-2 text-sm focus:outline-none focus:ring-1 focus:ring-primary" />
                 {fieldError('start_date') && (
                   <p className="text-xs text-error">{fieldError('start_date')}</p>
                 )}
               </div>
               <div className="space-y-1.5">
                 <label className="text-sm font-medium text-foreground">Einddatum</label>
-                <input type="date" name="end_date" className="w-full rounded-md border border-border bg-surface-container px-3 py-2 text-sm focus:outline-none focus:ring-1 focus:ring-primary" />
+                <input type="date" name="end_date" defaultValue={todayLocalDate()} className="w-full rounded-md border border-border bg-surface-container px-3 py-2 text-sm focus:outline-none focus:ring-1 focus:ring-primary" />
                 {fieldError('end_date') && (
                   <p className="text-xs text-error">{fieldError('end_date')}</p>
                 )}