TimePickerTheme

Customizes the appearance of TimePicker controls across the app.

Properties

• bgcolor(ColorValue | None) –

  The background color of a TimePicker.

• cancel_button_style(ButtonStyle | None) –

  The style of the cancel button of a TimePicker.

• confirm_button_style(ButtonStyle | None) –

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

• day_period_border_side(BorderSide | None) –

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

• day_period_button_style(ButtonStyle | None) –

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

• day_period_color(ColorValue | None) –

  The background color of the AM/PM toggle.

• day_period_shape(OutlinedBorder | None) –

  The shape of the day period that the TimePicker uses.

• day_period_text_color(ColorValue | None) –

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

• day_period_text_style(TextStyle | None) –

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

• dial_bgcolor(ColorValue | None) –

  The background color of the time picker dial when the entry mode is

• dial_hand_color(ColorValue | None) –

  The color of the time picker dial's hand when the entry mode is

• dial_text_color(ColorValue | None) –

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

• dial_text_style(TextStyle | None) –

  The TextStyle for the numbers on the time selection dial.

• elevation(Number | None) –

  The Material elevation for the time picker dialog.

• entry_mode_icon_color(ColorValue | None) –

  The color of the entry mode IconButton.

• help_text_style(TextStyle | None) –

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

• hour_minute_color(ColorValue | None) –

  The background color of the hour and minute header segments.

• hour_minute_shape(OutlinedBorder | None) –

  The shape of the hour and minute controls that the TimePicker

• hour_minute_text_color(ColorValue | None) –

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

• hour_minute_text_style(TextStyle | None) –

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

• padding(PaddingValue | None) –

  The padding around the time picker dialog when the entry mode is

• shape(OutlinedBorder | None) –

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

• time_selector_separator_color(ControlStateValue[ColorValue] | None) –

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

• time_selector_separator_text_style(ControlStateValue[TextStyle] | None) –

  Used to configure the text style for the time selector separator between the hour

Properties

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.