components/datepicker
Eingaben · 15 / 64

DatePicker

ui.widgets.DatePicker

Ein Datum eingeben oder aus einem Kalender wählen.

BEHAVIOR CONTRACT

Trigger, Kalender-Overlay, Monatsnavigation, Auswahl und Schließen gehören zusammen.

RECORDED INTERACTION

Der Harness klickt „Pick a date“ und der Kalender öffnet sich.

examples/storybook/stories.zig:2463
// ── DatePicker ──
pub fn buildDatePicker(scope: *ui.Scope, cx: *ui.Cx) anyerror!*ui.Node {
    const dp = try W.DatePicker(.{ .placeholder = "Pick a date", .initial_year = 2026, .initial_month = 5 }).mount(scope, cx);
    return dp.wrapper;
}
Quellcode auf GitHub ansehenexamples/storybook/stories.zig:2463

Der unveränderte Quellcode der Story aus dem Storybook (zenit 5f9add5+wip 2026-09-30). W steht für ui.widgets; col / row / label sind kleine Layout-Helfer des Storybooks.

zenit · DoppellizenzKostenlos für Open-Source-Projekte unter GPL-3.0-only; Closed-Source- oder kommerzielle Produkte benötigen eine kommerzielle Lizenz.Kontakt zum Autor: zongyi.xzy#gmail.com (# durch @ ersetzen)zenit 5f9add5+wip 2026-09-30