Skip to main content

DatePickerTheme

Customizes the appearance of DatePicker controls across the app.

Properties

Properties​

bgcolorclass-attributeinstance-attribute​

bgcolor: Optional[ColorValue] = None

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

cancel_button_styleclass-attributeinstance-attribute​

cancel_button_style: Optional[ButtonStyle] = None

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

confirm_button_styleclass-attributeinstance-attribute​

confirm_button_style: Optional[ButtonStyle] = None

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

day_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.

day_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.

day_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.

day_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.

day_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.

divider_colorclass-attributeinstance-attribute​

divider_color: Optional[ColorValue] = None

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

elevationclass-attributeinstance-attribute​

elevation: Optional[Number] = None

Overrides the default value of DatePicker elevation.

header_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.

header_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.

header_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.

header_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.

range_picker_bgcolorclass-attributeinstance-attribute​

range_picker_bgcolor: Optional[ColorValue] = None

Overrides the default background color for DateRangePicker.

range_picker_elevationclass-attributeinstance-attribute​

range_picker_elevation: Optional[Number] = None

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

range_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.

range_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.

range_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.

range_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.

range_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.

range_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.

range_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.

shadow_colorclass-attributeinstance-attribute​

shadow_color: Optional[ColorValue] = None

Overrides the default shadow color in all descendant DatePicker controls.

shapeclass-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.

today_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.

today_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.

today_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.

weekday_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.

year_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.

year_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.

year_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.

year_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.