DatePickerTheme

Customizes the appearance of DatePicker controls across the app.

Properties

• bgcolor - Overrides the default background color of the surface in all descendant DatePicker controls.
• cancel_button_style - Overrides the default style of the cancel button of a DatePicker.
• confirm_button_style - Overrides the default style of the confirm (OK) button of a DatePicker.
• day_bgcolor - Overrides the default color used to paint the background of the day labels in the grid of the DatePicker.
• day_foreground_color - Overrides the default color used to paint the day labels in the grid of the DatePicker.
• day_overlay_color - Overrides the default highlight color that's typically used to indicate that a day in the grid is focused, hovered, or pressed.
• day_shape - Overrides the default shape used to paint the shape decoration of the day labels in the grid of the DatePicker.
• day_text_style - Overrides the default text style used for each individual day label in the grid of the DatePicker.
• divider_color - Overrides the default color used to paint the divider in all descendant DatePicker controls.
• elevation - Overrides the default value of DatePicker elevation.
• header_bgcolor - Overrides the header's default background fill color.
• header_foreground_color - Overrides the header's default color used for text labels and icons.
• header_headline_text_style - Overrides the header's default headline text style.
• header_help_text_style - Overrides the header's default help text style.
• range_picker_bgcolor - Overrides the default background color for DateRangePicker.
• range_picker_elevation - Overrides the default elevation of the full screen DateRangePicker (TBD).
• range_picker_header_bgcolor - Overrides the default background fill color for DateRangePicker.
• range_picker_header_foreground_color - Overrides the default color used for text labels and icons in the header of a full screen DateRangePicker.
• range_picker_header_headline_text_style - Overrides the default text style used for the headline text in the header of a full screen DateRangePicker.
• range_picker_header_help_text_style - Overrides the default text style used for the help text of the header of a full screen DateRangePicker (TBD).
• range_picker_shape - Overrides the default overall shape of a full screen DateRangePicker (TBD).
• range_selection_bgcolor - Overrides the default background color used to paint days selected between the start and end dates in a DateRangePicker.
• range_selection_overlay_color - Overrides the default highlight color that's typically used to indicate that a date in the selected range of a DateRangePicker is focused, hovered, or pressed.
• shadow_color - Overrides the default shadow color in all descendant DatePicker controls.
• shape - Overrides the default value of DatePicker shape.
• today_bgcolor - Overrides the default color used to paint the background of the [DatePicker.current_date].[flet.DatePicker.current_date] label in the grid of the DatePicker.
• today_border_side - Overrides the border used to paint the flet.DatePicker.current_date label in the grid of the DatePicker.
• today_foreground_color - Overrides the default color used to paint the flet.DatePicker.current_date label in the grid of the dialog's CalendarDatePicker and the corresponding year in the dialog's YearPicker.
• weekday_text_style - Overrides the default text style used for the row of weekday labels at the top of the DatePicker grid.
• year_bgcolor - Overrides the default color used to paint the background of the year labels in the year selector of the of the DatePicker.
• year_foreground_color - Overrides the default color used to paint the year labels in the year selector of the date picker.
• year_overlay_color - Overrides the default highlight color that's typically used to indicate that a year in the year selector is focused, hovered, or pressed.
• year_text_style - Overrides the default text style used to paint each of the year entries in the year selector of the DatePicker.

Properties

buildbgcolorclass-attributeinstance-attribute

bgcolor: Optional[ColorValue] = None

Overrides the default background color of the surface in all descendant DatePicker controls.

buildcancel_button_styleclass-attributeinstance-attribute

cancel_button_style: Optional[ButtonStyle] = None

Overrides the default style of the cancel button of a DatePicker.

buildconfirm_button_styleclass-attributeinstance-attribute

confirm_button_style: Optional[ButtonStyle] = None

Overrides the default style of the confirm (OK) button of a DatePicker.

buildday_bgcolorclass-attributeinstance-attribute

day_bgcolor: Optional[ControlStateValue[ColorValue]] = None

Overrides the default color used to paint the background of the day labels in the grid of the DatePicker.

buildday_foreground_colorclass-attributeinstance-attribute

day_foreground_color: Optional[ControlStateValue[ColorValue]] = None

Overrides the default color used to paint the day labels in the grid of the DatePicker.

This will be used instead of the color provided in flet.DatePickerTheme.day_text_style.

buildday_overlay_colorclass-attributeinstance-attribute

day_overlay_color: Optional[ControlStateValue[ColorValue]] = None

Overrides the default highlight color that's typically used to indicate that a day in the grid is focused, hovered, or pressed.

buildday_shapeclass-attributeinstance-attribute

day_shape: Optional[ControlStateValue[OutlinedBorder]] = None

Overrides the default shape used to paint the shape decoration of the day labels in the grid of the DatePicker.

If the selected day is the current day, the provided shape with the value of flet.DatePickerTheme.today_bgcolor is used to paint the shape decoration of the day label and the value of flet.DatePickerTheme.today_border_side and flet.DatePickerTheme.today_foreground_color is used to paint the border.

If the selected day is not the current day, the provided shape with the value of flet.DatePickerTheme.day_bgcolor is used to paint the shape decoration of the day label.

buildday_text_styleclass-attributeinstance-attribute

day_text_style: Optional[TextStyle] = None

Overrides the default text style used for each individual day label in the grid of the DatePicker.

The color in flet.DatePickerTheme.day_text_style is not used, flet.DatePickerTheme.day_foreground_color is used instead.

builddivider_colorclass-attributeinstance-attribute

divider_color: Optional[ColorValue] = None

Overrides the default color used to paint the divider in all descendant DatePicker controls.

buildelevationclass-attributeinstance-attribute

elevation: Optional[Number] = None

Overrides the default value of DatePicker elevation.

buildheader_bgcolorclass-attributeinstance-attribute

header_bgcolor: Optional[ColorValue] = None

Overrides the header's default background fill color.

The DatePicker's header displays the currently selected date.

buildheader_foreground_colorclass-attributeinstance-attribute

header_foreground_color: Optional[ColorValue] = None

Overrides the header's default color used for text labels and icons.

The dialog's header displays the currently selected date.

This is used instead of the color property of flet.DatePickerTheme.header_headline_text_style and flet.DatePickerTheme.header_help_text_style.

buildheader_headline_text_styleclass-attributeinstance-attribute

header_headline_text_style: Optional[TextStyle] = None

Overrides the header's default headline text style.

The dialog's header displays the currently selected date.

The color of the flet.DatePickerTheme.header_headline_text_style is not used, flet.DatePickerTheme.header_foreground_color is used instead.

buildheader_help_text_styleclass-attributeinstance-attribute

header_help_text_style: Optional[TextStyle] = None

Overrides the header's default help text style.

The help text (also referred to as "supporting text" in the Material spec) is usually a prompt to the user at the top of the header (i.e. 'Select date').

The color of the header_help_style is not used, flet.DatePickerTheme.header_foreground_color is used instead.

buildrange_picker_bgcolorclass-attributeinstance-attribute

range_picker_bgcolor: Optional[ColorValue] = None

Overrides the default background color for DateRangePicker.

buildrange_picker_elevationclass-attributeinstance-attribute

range_picker_elevation: Optional[Number] = None

Overrides the default elevation of the full screen DateRangePicker (TBD).

buildrange_picker_header_bgcolorclass-attributeinstance-attribute

range_picker_header_bgcolor: Optional[ColorValue] = None

Overrides the default background fill color for DateRangePicker.

The dialog's header displays the currently selected date range.

buildrange_picker_header_foreground_colorclass-attributeinstance-attribute

range_picker_header_foreground_color: Optional[ColorValue] = None

Overrides the default color used for text labels and icons in the header of a full screen DateRangePicker.

The dialog's header displays the currently selected date range.

This is used instead of any colors provided by range_picker_header_headline_text_style or range_picker_header_help_text_style.

buildrange_picker_header_headline_text_styleclass-attributeinstance-attribute

range_picker_header_headline_text_style: Optional[TextStyle] = None

Overrides the default text style used for the headline text in the header of a full screen DateRangePicker.

The dialog's header displays the currently selected date range.

The color of range_picker_header_headline_text_style is not used, range_picker_header_foreground_color is used instead.

buildrange_picker_header_help_text_styleclass-attributeinstance-attribute

range_picker_header_help_text_style: Optional[TextStyle] = None

Overrides the default text style used for the help text of the header of a full screen DateRangePicker (TBD).

The help text (also referred to as "supporting text" in the Material spec) is usually a prompt to the user at the top of the header (i.e. 'Select date').

The color of the range_picker_header_help_text_style is not used, range_picker_header_foreground_color is used instead.

buildrange_picker_shapeclass-attributeinstance-attribute

range_picker_shape: Optional[OutlinedBorder] = None

Overrides the default overall shape of a full screen DateRangePicker (TBD).

If elevation is greater than zero then a shadow is shown and the shadow's shape mirrors the shape of the dialog.

buildrange_selection_bgcolorclass-attributeinstance-attribute

range_selection_bgcolor: Optional[ColorValue] = None

Overrides the default background color used to paint days selected between the start and end dates in a DateRangePicker.

buildrange_selection_overlay_colorclass-attributeinstance-attribute

range_selection_overlay_color: Optional[ControlStateValue[ColorValue]] = None

Overrides the default highlight color that's typically used to indicate that a date in the selected range of a DateRangePicker is focused, hovered, or pressed.

buildshadow_colorclass-attributeinstance-attribute

shadow_color: Optional[ColorValue] = None

Overrides the default shadow color in all descendant DatePicker controls.

buildshapeclass-attributeinstance-attribute

shape: Optional[OutlinedBorder] = None

Overrides the default value of DatePicker shape.

If elevation is greater than zero then a shadow is shown and the shadow's shape mirrors the shape of the dialog.

buildtoday_bgcolorclass-attributeinstance-attribute

today_bgcolor: Optional[ControlStateValue[ColorValue]] = None

Overrides the default color used to paint the background of the [DatePicker.current_date].[flet.DatePicker.current_date] label in the grid of the DatePicker.

buildtoday_border_sideclass-attributeinstance-attribute

today_border_side: Optional[BorderSide] = None

Overrides the border used to paint the flet.DatePicker.current_date label in the grid of the DatePicker.

The border side's [BorderSide.color] is not used, flet.DatePickerTheme.today_foreground_color is used instead.

buildtoday_foreground_colorclass-attributeinstance-attribute

today_foreground_color: Optional[ControlStateValue[ColorValue]] = None

Overrides the default color used to paint the flet.DatePicker.current_date label in the grid of the dialog's CalendarDatePicker and the corresponding year in the dialog's YearPicker.

This will be used instead of the color provided in flet.DatePickerTheme.day_text_style.

buildweekday_text_styleclass-attributeinstance-attribute

weekday_text_style: Optional[TextStyle] = None

Overrides the default text style used for the row of weekday labels at the top of the DatePicker grid.

buildyear_bgcolorclass-attributeinstance-attribute

year_bgcolor: Optional[ControlStateValue[ColorValue]] = None

Overrides the default color used to paint the background of the year labels in the year selector of the of the DatePicker.

buildyear_foreground_colorclass-attributeinstance-attribute

year_foreground_color: Optional[ControlStateValue[ColorValue]] = None

Overrides the default color used to paint the year labels in the year selector of the date picker.

This will be used instead of the color provided in flet.DatePickerTheme.year_text_style.

buildyear_overlay_colorclass-attributeinstance-attribute

year_overlay_color: Optional[ControlStateValue[ColorValue]] = None

Overrides the default highlight color that's typically used to indicate that a year in the year selector is focused, hovered, or pressed.

buildyear_text_styleclass-attributeinstance-attribute

year_text_style: Optional[TextStyle] = None

Overrides the default text style used to paint each of the year entries in the year selector of the DatePicker.

The color of the flet.DatePickerTheme.year_text_style is not used, flet.DatePickerTheme.year_foreground_color is used instead.