components/datepicker
Saisie · 15 / 64

DatePicker

ui.widgets.DatePicker

Saisir une date ou la choisir dans un calendrier.

BEHAVIOR CONTRACT

Déclencheur, overlay du calendrier, navigation par mois, sélection et fermeture sont livrés ensemble.

RECORDED INTERACTION

Le harness clique sur « Pick a date » et le calendrier s'ouvre.

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;
}
Voir le code sur GitHubexamples/storybook/stories.zig:2463

Le code source tel quel de la story dans le Storybook (zenit 5f9add5+wip 2026-09-30). W désigne ui.widgets ; col / row / label sont de petits helpers de mise en page du Storybook.

zenit · Double licenceGratuit pour les projets open source sous GPL-3.0-only ; les produits propriétaires ou commerciaux nécessitent une licence commerciale.Contacter l’auteur : zongyi.xzy#gmail.com (remplacez # par @)zenit 5f9add5+wip 2026-09-30