Common
```kotlin
@ExperimentalMaterial3Api
object TimePickerDefaults
```
Contains the default values used by [TimePicker](/jetpack-compose/androidx.compose.material3/material3/components/TimePicker)
## Functions
```kotlin
@Composable fun colors() = MaterialTheme.colorScheme.defaultTimePickerColors
```
Default colors used by a [TimePicker](/jetpack-compose/androidx.compose.material3/material3/components/TimePicker) in different states
colors
```kotlin
@Composable
fun colors(
clockDialColor: Color = Color.Unspecified,
clockDialSelectedContentColor: Color = Color.Unspecified,
clockDialUnselectedContentColor: Color = Color.Unspecified,
selectorColor: Color = Color.Unspecified,
containerColor: Color = Color.Unspecified,
periodSelectorBorderColor: Color = Color.Unspecified,
periodSelectorSelectedContainerColor: Color = Color.Unspecified,
periodSelectorUnselectedContainerColor: Color = Color.Unspecified,
periodSelectorSelectedContentColor: Color = Color.Unspecified,
periodSelectorUnselectedContentColor: Color = Color.Unspecified,
timeSelectorSelectedContainerColor: Color = Color.Unspecified,
timeSelectorUnselectedContainerColor: Color = Color.Unspecified,
timeSelectorSelectedContentColor: Color = Color.Unspecified,
timeSelectorUnselectedContentColor: Color = Color.Unspecified,
) =
MaterialTheme.colorScheme.defaultTimePickerColors.copy(
clockDialColor = clockDialColor,
clockDialSelectedContentColor = clockDialSelectedContentColor,
clockDialUnselectedContentColor = clockDialUnselectedContentColor,
selectorColor = selectorColor,
containerColor = containerColor,
periodSelectorBorderColor = periodSelectorBorderColor,
periodSelectorSelectedContainerColor = periodSelectorSelectedContainerColor,
periodSelectorUnselectedContainerColor = periodSelectorUnselectedContainerColor,
periodSelectorSelectedContentColor = periodSelectorSelectedContentColor,
periodSelectorUnselectedContentColor = periodSelectorUnselectedContentColor,
timeSelectorSelectedContainerColor = timeSelectorSelectedContainerColor,
timeSelectorUnselectedContainerColor = timeSelectorUnselectedContainerColor,
timeSelectorSelectedContentColor = timeSelectorSelectedContentColor,
timeSelectorUnselectedContentColor = timeSelectorUnselectedContentColor,
)
```
Default colors used by a [TimePicker](/jetpack-compose/androidx.compose.material3/material3/components/TimePicker) in different states
#### Parameters
| | |
| --- | --- |
| clockDialColor | The color of the clock dial. |
| clockDialSelectedContentColor | the color of the numbers of the clock dial when they are selected or overlapping with the selector |
| clockDialUnselectedContentColor | the color of the numbers of the clock dial when they are unselected |
| selectorColor | The color of the clock dial selector. |
| containerColor | The container color of the time picker. |
| periodSelectorBorderColor | the color used for the border of the AM/PM toggle. |
| periodSelectorSelectedContainerColor | the color used for the selected container of the AM/PM toggle |
| periodSelectorUnselectedContainerColor | the color used for the unselected container of the AM/PM toggle |
| periodSelectorSelectedContentColor | color used for the selected content of the AM/PM toggle |
| periodSelectorUnselectedContentColor | color used for the unselected content of the AM/PM toggle |
| timeSelectorSelectedContainerColor | color used for the selected container of the display buttons to switch between hour and minutes |
| timeSelectorUnselectedContainerColor | color used for the unselected container of the display buttons to switch between hour and minutes |
| timeSelectorSelectedContentColor | color used for the selected content of the display buttons to switch between hour and minutes |
| timeSelectorUnselectedContentColor | color used for the unselected content of the display buttons to switch between hour and minutes |
layoutType
```kotlin
@ReadOnlyComposable
@Composable
fun layoutType(): TimePickerLayoutType
```
Default layout type, uses the screen dimensions to choose an appropriate layout.