Skip to main content

date_picker_day

Function date_picker_day 

Source
pub fn date_picker_day(date: CalendarDate) -> DatePickerDayBuilder
Expand description

§date_picker_day

Render an interactive calendar date for custom calendars and scheduling controls.

§Usage

Arrange real date choices in a calendar, booking flow, or compact date selector.

§Parameters

  • date, on_select — date represented by the cell and its activation callback.
  • selected, is_today, in_range, outside_month, range_position — selection and range appearance.
  • enabled, presentation_state — interaction availability and optional visual state.
  • modifier, focus_requester — layout, keyboard behavior, and external focus control.
  • label_formatter — optional visible day text; accessibility retains the actual date.
  • accessibility_label, accessibility_description — optional spoken date information.

§Examples

use tessera_components::{
    date_picker::{CalendarDate, date_picker_day},
    theme::material_theme,
};
use tessera_ui::{remember, tessera};
#[tessera]
fn schedule() {
    material_theme().child(|| {
        let date = CalendarDate::new(2025, 8, 17).unwrap();
        let selected = remember(|| date);
        date_picker_day(date)
            .selected(selected.get() == date)
            .on_select(move |date| selected.set(date));
        assert_eq!(selected.get(), date);
    });
}