Datumsfelder lassen sich wieder tippen

In den Berichten hing jedes Datumsfeld unmittelbar an der Adresszeile: eine
Aenderung hiess router.push, also neu laden und neu rendern. Ein
<input type="date"> meldet beim Tippen der Jahreszahl aber viermal -- 0002,
0020, 0202, 2026 -- und die ersten drei loesten je eine Navigation aus, die das
Feld auf den Stand aus der Adresse zuruecksetzte. Mitten im Tippen. Mit dem
Kalender ging es, weil der in einem Zug ein fertiges Datum setzt; das war der
Hinweis darauf, wo es klemmt.

DateField haelt den Tippstand jetzt bei sich und meldet nur, was eine Aussage
ist: ein vollstaendiges Datum mit vierstelliger Jahreszahl ab 1000, oder das
Leeren des Feldes. Beim Verlassen wird nachgereicht, was liegengeblieben ist.
Der Stichtag im Organigramm ist ein blankes input und benutzt dieselbe Regel
ueber istMeldbaresDatum -- zwei Fassungen davon liefen hier erfahrungsgemaess
auseinander.

Der Abgleich mit dem Wert von aussen laeuft waehrend des Renderns, nicht in
einem Effekt: der liefe erst nach dem Zeichnen, das Feld zeigte also fuer einen
Bildaufbau den alten Stand -- und die Regel gegen setState im Effekt verbietet
ihn aus genau diesem Grund.

Die Felder in den Panels bleiben, wie sie sind: dort ist der Zustand lokal, es
gibt keine Navigation und damit auch kein Zuruecksetzen.

components/reports/ReportsPageClient.tsx

@@ -6,7 +6,7 @@ import { usePathname, useRouter, useSearchParams } from "next/navigation";
 import { useState } from "react";
 import { deleteReport, saveReport } from "@/actions/reports";
 import { Button, LINK_BUTTON_CLASS } from "@/components/ui/Button";
-import { CONTROL_CLASS, SelectField, TextField } from "@/components/ui/Field";
+import { CONTROL_CLASS, DateField, SelectField, TextField } from "@/components/ui/Field";
 import { Modal } from "@/components/ui/Modal";
 import { useToast } from "@/components/ui/Toast";
 import { fmtDate } from "@/lib/format";
@@ -188,17 +188,15 @@ function KriterienBlock({
             <fieldset key={k.key} className="rounded border border-border px-3 py-2">
               <legend className="mb-1 text-xs font-semibold text-ink-muted">{k.label}</legend>
               <div className="grid grid-cols-2 gap-2">
-                <TextField
+                <DateField
                   label="Von"
                   dense
-                  type="date"
                   value={criteria.zeitraum[k.key]?.von ?? ""}
                   onChange={(v) => onChange({ [`${k.key}From`]: v || undefined })}
                 />
-                <TextField
+                <DateField
                   label="Bis"
                   dense
-                  type="date"
                   value={criteria.zeitraum[k.key]?.bis ?? ""}
                   onChange={(v) => onChange({ [`${k.key}To`]: v || undefined })}
                 />
@@ -471,11 +469,10 @@ export function ReportsPageClient(props: ReportsPageClientProps) {
               />
               <div>
                 <div className="flex items-end gap-2">
-                  <TextField
+                  <DateField
                     label="Stichtag"
                     dense
                     className="flex-1"
-                    type="date"
                     value={props.asOf || todayIso()}
                     onChange={(v) => updateParams({ asOf: v })}
                   />
@@ -556,10 +553,9 @@ export function ReportsPageClient(props: ReportsPageClientProps) {
                 <legend className="mb-1 block text-xs font-semibold uppercase tracking-wide text-ink-muted">Zeitraum</legend>
                 <div className="grid grid-cols-2 gap-2">
                   <div>
-                    <TextField
+                    <DateField
                       label="Von"
                       dense
-                      type="date"
                       value={props.eventFilters.from === EVENT_DATE_OPEN ? "" : props.eventFilters.from || defaultEventFrom}
                       disabled={props.eventFilters.from === EVENT_DATE_OPEN}
                       onChange={(v) => updateParams({ from: v })}
@@ -574,10 +570,9 @@ export function ReportsPageClient(props: ReportsPageClientProps) {
                     </Button>
                   </div>
                   <div>
-                    <TextField
+                    <DateField
                       label="Bis"
                       dense
-                      type="date"
                       value={props.eventFilters.to === EVENT_DATE_OPEN ? "" : props.eventFilters.to || defaultEventTo}
                       disabled={props.eventFilters.to === EVENT_DATE_OPEN}
                       onChange={(v) => updateParams({ to: v })}