Skip to content

TimePicker color and visual issues #127035

@MaxYablochkin

Description

@MaxYablochkin

#91605

I think we should make small visual changes to the TimePicker:

  1. Change the "Period selector label text" to "On surface variant" for a non-selected color.

from specification
unnamed

from flutter
Screenshot_2023_05_17_15_13_09_717_com_example_material_3_demo

  1. In the "Time picker input" change the width of the period selection container, making it the same as in the time picker with the (12 hour) selector.
1 2
Screenshot_2023_05_17_15_45_35_739_com_example_material_3_demo Screenshot_2023_05_17_15_45_15_624_com_example_material_3_demo
  1. In the "Time picker dial" reduce the width of the period selector container, making it a width (114 dp), which is slightly larger than with the selector (12 hour).

example Flutter / Compose
Screenshot_2023_05_17_15_21_10_535_androidx_compose_material_catalog

Metadata

Metadata

Assignees

Labels

f: date/time pickerDate or time picker widgetsf: material designflutter/packages/flutter/material repository.frameworkflutter/packages/flutter repository. See also f: labels.r: fixedIssue is closed as already fixed in a newer versionteam-designOwned by Design Languages teamtriaged-designTriaged by Design Languages team

Type

No type

Projects

Status

Done (PR merged)

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions