Components / DateRangePicker
DateRangePicker
A period in two clicks, or ready-made.
Example
The component itself, running in WebAssembly, beside its code in a playground. Try it.
Code
use ravenrs::prelude::*;
fn date_range_picker() -> impl View {
let today = Date::new(2026, 11, 2).unwrap_or_else(|| unreachable!("a valid date"));
let period = State::new(Some(DateRange::new(today, today.add_days(6))));
DateRangePicker::new(period.binding(), today)
.today(today)
.preset("Last 7 days", DateRange::new(today.add_days(-6), today))
.preset("Last 30 days", DateRange::new(today.add_days(-29), today))
.label("Period")
}