janpeter/Scrum4Me
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(ST-05gegle6): datuminputs pre-vullen met vandaag in start-sprint-button (#122)

Browse source 
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>
This commit is contained in:
Janpeter Visser 2026-05-06 06:37:05 +02:00 • committed by GitHub
parent fd02cda207
commit 0f3aa403ea
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 6 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

8
components/sprint/start-sprint-button.tsx
View file

@ -35,6 +35,10 @@ interface ActionResult {
sprintId?: string sprintId?: string
} }
function todayLocalDate() {
return new Date().toLocaleDateString('en-CA')
}
export function StartSprintButton({ productId, isDemo = false }: StartSprintButtonProps) { export function StartSprintButton({ productId, isDemo = false }: StartSprintButtonProps) {
const [open, setOpen] = useState(false) const [open, setOpen] = useState(false)
const [dirty, setDirty] = 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="grid grid-cols-2 gap-3">
<div className="space-y-1.5"> <div className="space-y-1.5">
<label className="text-sm font-medium text-foreground">Startdatum</label> <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') && ( {fieldError('start_date') && (
<p className="text-xs text-error">{fieldError('start_date')}</p> <p className="text-xs text-error">{fieldError('start_date')}</p>
)} )}
</div> </div>
<div className="space-y-1.5"> <div className="space-y-1.5">
<label className="text-sm font-medium text-foreground">Einddatum</label> <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') && ( {fieldError('end_date') && (
<p className="text-xs text-error">{fieldError('end_date')}</p> <p className="text-xs text-error">{fieldError('end_date')}</p>
)} )}