v0.1.0-alpha
DE
Start
components/daterange
Eingaben · 16 / 64

DateRangePicker

ui.widgets.DateRangePicker

Ein Start- und ein Enddatum wählen.

BEHAVIOR CONTRACT

Bereichsreihenfolge, beide Eingaben, Kalenderhervorhebung und Overlay-Lebensdauer koordiniert eine einzige Komponente.

RECORDED INTERACTION

Der Harness klickt „Start date“ und der Bereichskalender öffnet sich.

examples/storybook/stories.zig:2469
// ── DateRangePicker ──
pub fn buildDateRangePicker(scope: *ui.Scope, cx: *ui.Cx) anyerror!*ui.Node {
    const drp = try W.DateRangePicker(.{ .initial_year = 2026, .initial_month = 5 }).mount(scope, cx);
    return drp.wrapper;
}
Quellcode auf GitHub ansehenexamples/storybook/stories.zig:2469

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.

← PREV
DatePicker
NEXT →
Form
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