use super::super::component::*;
use dioxus::prelude::*;
use dioxus_primitives::calendar::DateRange;
use time::{ext::NumericalDuration, macros::date};
#[component]
pub fn Demo() -> Element {
let mut selected_range = use_signal(|| None::<DateRange>);
let start = date!(2026 - 05 - 15);
let disabled_ranges = use_signal(|| {
vec![
DateRange::new(start, start.saturating_add(3.days())),
DateRange::new(start.saturating_add(15.days()), start.saturating_add(18.days())),
DateRange::new(start.saturating_add(22.days()), start.saturating_add(23.days())),
]
});
rsx! {
div {
DateRangePicker {
selected_range: selected_range(),
on_range_change: move |range| {
tracing::info!("Selected range: {:?}", range);
selected_range.set(range);
},
disabled_ranges: disabled_ranges,
}
}
}
}