Skip to content

TimePickerTheme

TimePickerTheme #

Customizes the appearance of TimePicker controls across the app.

bgcolor #

bgcolor: ColorValue | None = None

The background color of a TimePicker.

If this is null, the time picker defaults to the overall theme's ColorScheme.surface_container_high.

cancel_button_style #

cancel_button_style: ButtonStyle | None = None

The style of the cancel button of a TimePicker.

confirm_button_style #

confirm_button_style: ButtonStyle | None = None

The style of the confirm (OK) button of a TimePicker.

day_period_border_side #

day_period_border_side: BorderSide | None = None

The color and weight of the day period's outline.

day_period_button_style #

day_period_button_style: ButtonStyle | None = None

The style of the AM/PM toggle control of a TimePicker.

day_period_color #

day_period_color: ColorValue | None = None

The background color of the AM/PM toggle.

day_period_shape #

day_period_shape: OutlinedBorder | None = None

The shape of the day period that the TimePicker uses.

day_period_text_color #

day_period_text_color: ColorValue | None = None

The color of the day period text that represents AM/PM.

day_period_text_style #

day_period_text_style: TextStyle | None = None

Used to configure the TextStyle for the AM/PM toggle control.

If this is null, the time picker defaults to the overall theme's TextTheme.title_medium.

dial_bgcolor #

dial_bgcolor: ColorValue | None = None

The background color of the time picker dial when the entry mode is TimePickerEntryMode.DIAL or TimePickerEntryMode.DIAL_ONLY.

dial_hand_color #

dial_hand_color: ColorValue | None = None

The color of the time picker dial's hand when the entry mode is TimePickerEntryMode.DIAL or TimePickerEntryMode.DIAL_ONLY.

dial_text_color #

dial_text_color: ColorValue | None = None

The color of the dial text that represents specific hours and minutes.

dial_text_style #

dial_text_style: TextStyle | None = None

The TextStyle for the numbers on the time selection dial.

elevation #

elevation: Number | None = None

The Material elevation for the time picker dialog.

entry_mode_icon_color #

entry_mode_icon_color: ColorValue | None = None

The color of the entry mode IconButton.

help_text_style #

help_text_style: TextStyle | None = None

Used to configure the TextStyle for the helper text in the header.

hour_minute_color #

hour_minute_color: ColorValue | None = None

The background color of the hour and minute header segments.

hour_minute_shape #

hour_minute_shape: OutlinedBorder | None = None

The shape of the hour and minute controls that the TimePicker uses.

hour_minute_text_color #

hour_minute_text_color: ColorValue | None = None

The color of the header text that represents hours and minutes.

hour_minute_text_style #

hour_minute_text_style: TextStyle | None = None

Used to configure the TextStyle for the hour/minute controls.

padding #

padding: PaddingValue | None = None

The padding around the time picker dialog when the entry mode is TimePickerEntryMode.DIAL or TimePickerEntryMode.DIAL_ONLY.

shape #

shape: OutlinedBorder | None = None

The shape of the Dialog that the time picker is presented in.

time_selector_separator_color #

time_selector_separator_color: (
    ControlStateValue[ColorValue] | None
) = None

The color of the time selector separator between the hour and minute controls.

time_selector_separator_text_style #

time_selector_separator_text_style: (
    ControlStateValue[TextStyle] | None
) = None

Used to configure the text style for the time selector separator between the hour and minute controls.