Skip to content

Date pickers

Date, time and range pickers.

Documentation (external site)
API reference on docs.rs (external site)

Example

Format: 12/31/2024. You can also type: today, +3d.

Format: 2:30 PM. You can also type: now, 930.

Format: 12/31/2024. You can also type: today, +3d.

Show code
use zeyn::prelude::*;

pub fn overview(ctx: &Ctx) -> Node {
    Form::of(Visit { day: Some(ctx.today()), ..Visit::default() })
        .row(|r| {
            r.field(Visit::day)
                .field(Visit::arrives)
        })
        .range(Visit::stay_from, Visit::stay_to)
        .date_options(
            Visit::day,
            DateOptions::new()
                .no_weekends()
                .week_numbers(),
        )
        .date_options(Visit::arrives, DateOptions::new().step_minutes(15))
        .submit("Book", book_visit)
        .on_success(|_, ui| ui.toast("Booked. Nothing was stored."))
        .into()
}