Skip to main content

date_picker_dialog

Function date_picker_dialog 

Source
pub fn date_picker_dialog() -> DatePickerDialogBuilder
Expand description

§date_picker_dialog

Render a date picker dialog body with optional action buttons.

§Usage

Use inside dialog_provider with .padding(Dp(0.0)) for modal date selection.

§Parameters

  • dialog — registration scope received from the provider content slot.
  • state — state handle used by the embedded date picker.
  • title — optional override for the dialog title.
  • confirm_button — optional confirm button content.
  • dismiss_button — optional dismiss button content.
  • picker_modifier — modifier chain applied to the embedded picker.
  • picker_first_day_of_week — first day of the week for the embedded picker.
  • picker_today — current date used for outlines and initial keyboard focus; defaults to the system date.
  • picker_show_weekday_labels — whether weekday labels are rendered.
  • picker_show_mode_toggle — whether the display mode toggle is shown.
  • picker_title — optional picker title override.
  • picker_headline — optional picker headline override.
  • picker_view — optional shared calendar or year selection view.

§Examples

use tessera_components::date_picker::{CalendarDate, DatePickerState, date_picker_dialog};
use tessera_ui::remember;

let state = remember(DatePickerState::default);
date_picker_dialog()
    .state(state)
    .picker_today(CalendarDate::new(2026, 7, 16).unwrap());