[Time picker] Presumably wrong time input field separator size

[Gustl22]

Description: Full description of issue here

The separator of the time input for the time picker is slightly too big. This results in a non centered oversized colon. For comparison in time picker specs:

Time picker:

• Time picker time selector label text size: 57
• Time picker time selector separator size: 57

Time input:

• Time input time input field label text size: 45
• Time input time input field separator size: 57 but should be 45 (see number 2 in image)

Expected behavior: Screenshots and/or description of expected behavior
The colon / separator should have the same font size as the label text, so that it is shown vertically centered.

Source code:

material-components-android/lib/java/com/google/android/material/timepicker/res/values/tokens.xml

Lines 51 to 60 in 0d265b7

	<macro name="m3_comp_time_picker_time_selector_label_text_type">?attr/textAppearanceDisplayLarge</macro>
	<macro name="m3_comp_time_picker_period_selector_selected_label_text_color">?attr/colorOnTertiaryContainer</macro>
	<macro name="m3_comp_time_picker_period_selector_unselected_label_text_color">?attr/colorOnSurfaceVariant</macro>
	<macro name="m3_comp_time_picker_period_selector_label_text_type">?attr/textAppearanceTitleMedium</macro>
	<!-- Group: Enabled - Headline -->
	<macro name="m3_comp_time_picker_headline_color">?attr/colorOnSurfaceVariant</macro>
	<macro name="m3_comp_time_picker_headline_type">?attr/textAppearanceLabelMedium</macro>
	<!-- Group: Enabled - Separator -->
	<macro name="m3_comp_time_picker_time_selector_separator_color">?attr/colorOnSurface</macro>
	<macro name="m3_comp_time_picker_time_selector_separator_type">?attr/textAppearanceDisplayLarge</macro>

material-components-android/lib/java/com/google/android/material/timepicker/res/values/styles.xml

Line 130 in 0d265b7

<style name="Widget.Material3.MaterialTimePicker.Button" parent="Widget.MaterialComponents.TimePicker.Button">

material-components-android/lib/java/com/google/android/material/timepicker/res/values/themes.xml

Lines 35 to 36 in 0d265b7

	<item name="materialDisplayDividerStyle">@style/Widget.Material3.MaterialTimePicker.Display.Divider</item>
	<item name="materialButtonOutlinedStyle">@style/Widget.Material3.MaterialTimePicker.Button</item>

There should be a value for @style/Widget.Material3.MaterialTimePicker.Button.Divider.

Minimal sample app repro: Every sample of time picker will do it.

Android API version: This concerns the Material Spec and not Android specifically.

Material Library version: 1.12.0

Device: Every

To help us triage faster, please check to make sure you are using the latest version of the library.

We also happily accept pull requests.