# TimePickerDefaults

Artifact: [androidx.compose.material3:material3](https://developer.android.com/jetpack/androidx/releases/compose-material3) [View Source](https://cs.android.com/search?q=file:androidx/compose/material3/TimePicker.kt+class:androidx.compose.material3.TimePickerDefaults) Common/AllAndroid/JVM
- Cmn

  ```
  object TimePickerDefaults
  ```

*** ** * ** ***

Contains the default values used by `https://developer.android.com/reference/kotlin/androidx/compose/material3/TimePicker.composable#TimePicker(androidx.compose.material3.TimePickerState,androidx.compose.ui.Modifier,androidx.compose.material3.TimePickerColors,androidx.compose.material3.TimePickerLayoutType)`

## Summary

| ### Public functions |
|---|---|---|
| `https://developer.android.com/reference/kotlin/androidx/compose/material3/TimePickerColors` | `@https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/material3/TimePickerDefaults#colors()()` Default colors used by a `https://developer.android.com/reference/kotlin/androidx/compose/material3/TimePicker.composable#TimePicker(androidx.compose.material3.TimePickerState,androidx.compose.ui.Modifier,androidx.compose.material3.TimePickerColors,androidx.compose.material3.TimePickerLayoutType)` in different states | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material3/TimePickerColors` | `@https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/material3/TimePickerDefaults#colors(androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color)( clockDialColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, clockDialSelectedContentColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, clockDialContentColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, selectorColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, containerColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, periodSelectorBorderColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, periodSelectorSelectedContainerColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, periodSelectorContainerColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, periodSelectorSelectedContentColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, periodSelectorContentColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, timeSelectorSelectedContainerColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, timeSelectorContainerColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, timeSelectorSelectedContentColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, timeSelectorContentColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color )` Default colors used by a `https://developer.android.com/reference/kotlin/androidx/compose/material3/TimePicker.composable#TimePicker(androidx.compose.material3.TimePickerState,androidx.compose.ui.Modifier,androidx.compose.material3.TimePickerColors,androidx.compose.material3.TimePickerLayoutType)` in different states | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material3/TimePickerLayoutType` | `@https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/material3/TimePickerDefaults#layoutType()()` Default layout type, uses the screen dimensions to choose an appropriate layout. | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material3/TimePickerShapes` | `@https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/material3/TimePickerDefaults#shapes()()` Default shapes used by a `https://developer.android.com/reference/kotlin/androidx/compose/material3/TimePicker.composable#TimePicker(androidx.compose.material3.TimePickerState,androidx.compose.ui.Modifier,androidx.compose.material3.TimePickerColors,androidx.compose.material3.TimePickerLayoutType)` | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material3/TimePickerShapes` | `@https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/material3/TimePickerDefaults#shapes(androidx.compose.ui.graphics.Shape,androidx.compose.ui.graphics.Shape)(timeFieldShape: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Shape?, periodSelectorShape: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Shape?)` Default shapes used by a `https://developer.android.com/reference/kotlin/androidx/compose/material3/TimePicker.composable#TimePicker(androidx.compose.material3.TimePickerState,androidx.compose.ui.Modifier,androidx.compose.material3.TimePickerColors,androidx.compose.material3.TimePickerLayoutType)` | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material3/TimePickerColors` | `@https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/material3/TimePickerDefaults#vibrantColors()()` Default colors used by a vibrant `https://developer.android.com/reference/kotlin/androidx/compose/material3/TimePicker.composable#TimePicker(androidx.compose.material3.TimePickerState,androidx.compose.ui.Modifier,androidx.compose.material3.TimePickerColors,androidx.compose.material3.TimePickerLayoutType)` in different states | Cmn |
| `https://developer.android.com/reference/kotlin/androidx/compose/material3/TimePickerColors` | `@https://developer.android.com/reference/kotlin/androidx/compose/runtime/Composable https://developer.android.com/reference/kotlin/androidx/compose/material3/TimePickerDefaults#vibrantColors(androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color,androidx.compose.ui.graphics.Color)( clockDialColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, clockDialSelectedContentColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, clockDialContentColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, selectorColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, containerColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, periodSelectorBorderColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, periodSelectorSelectedContainerColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, periodSelectorContainerColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, periodSelectorSelectedContentColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, periodSelectorContentColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, timeSelectorSelectedContainerColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, timeSelectorContainerColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, timeSelectorSelectedContentColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, timeSelectorContentColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color )` Default colors used by a vibrant `https://developer.android.com/reference/kotlin/androidx/compose/material3/TimePicker.composable#TimePicker(androidx.compose.material3.TimePickerState,androidx.compose.ui.Modifier,androidx.compose.material3.TimePickerColors,androidx.compose.material3.TimePickerLayoutType)` in different states | Cmn |

## Public functions

### colors

Cmn

```
@Composable
fun colors(): TimePickerColors
```

Default colors used by a `https://developer.android.com/reference/kotlin/androidx/compose/material3/TimePicker.composable#TimePicker(androidx.compose.material3.TimePickerState,androidx.compose.ui.Modifier,androidx.compose.material3.TimePickerColors,androidx.compose.material3.TimePickerLayoutType)` in different states

### colors

Cmn

```
@Composable
fun colors(
    clockDialColor: Color = Color.Unspecified,
    clockDialSelectedContentColor: Color = Color.Unspecified,
    clockDialContentColor: Color = Color.Unspecified,
    selectorColor: Color = Color.Unspecified,
    containerColor: Color = Color.Unspecified,
    periodSelectorBorderColor: Color = Color.Unspecified,
    periodSelectorSelectedContainerColor: Color = Color.Unspecified,
    periodSelectorContainerColor: Color = Color.Unspecified,
    periodSelectorSelectedContentColor: Color = Color.Unspecified,
    periodSelectorContentColor: Color = Color.Unspecified,
    timeSelectorSelectedContainerColor: Color = Color.Unspecified,
    timeSelectorContainerColor: Color = Color.Unspecified,
    timeSelectorSelectedContentColor: Color = Color.Unspecified,
    timeSelectorContentColor: Color = Color.Unspecified
): TimePickerColors
```

Default colors used by a `https://developer.android.com/reference/kotlin/androidx/compose/material3/TimePicker.composable#TimePicker(androidx.compose.material3.TimePickerState,androidx.compose.ui.Modifier,androidx.compose.material3.TimePickerColors,androidx.compose.material3.TimePickerLayoutType)` in different states

| Parameters |
|---|---|
| `clockDialColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = Color.Unspecified` | the color of the clock dial |
| `clockDialSelectedContentColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = Color.Unspecified` | the color of the numbers of the clock dial when they are selected or overlapping with the selector |
| `clockDialContentColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = Color.Unspecified` | the color of the numbers of the clock dial when they are unselected |
| `selectorColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = Color.Unspecified` | the color of the clock dial selector |
| `containerColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = Color.Unspecified` | the container color of the time picker |
| `periodSelectorBorderColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = Color.Unspecified` | the color used for the border of the AM/PM toggle |
| `periodSelectorSelectedContainerColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = Color.Unspecified` | the color used for the selected container of the AM/PM toggle |
| `periodSelectorContainerColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = Color.Unspecified` | the color used for the container of the AM/PM toggle |
| `periodSelectorSelectedContentColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = Color.Unspecified` | color used for the selected content of the AM/PM toggle |
| `periodSelectorContentColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = Color.Unspecified` | color used for the content of the AM/PM toggle |
| `timeSelectorSelectedContainerColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = Color.Unspecified` | color used for the selected container of the display buttons to switch between hour and minutes |
| `timeSelectorContainerColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = Color.Unspecified` | color used for the container of the display buttons to switch between hour and minutes |
| `timeSelectorSelectedContentColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = Color.Unspecified` | color used for the selected content of the display buttons to switch between hour and minutes |
| `timeSelectorContentColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = Color.Unspecified` | color used for the content of the display buttons to switch between hour and minutes |

| Returns |
|---|---|
| `https://developer.android.com/reference/kotlin/androidx/compose/material3/TimePickerColors` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/TimePickerColors` with specified color overrides |

### layoutType

Cmn

```
@Composable
fun layoutType(): TimePickerLayoutType
```

Default layout type, uses the screen dimensions to choose an appropriate layout.

### shapes

Cmn

```
@Composable
fun shapes(): TimePickerShapes
```

Default shapes used by a `https://developer.android.com/reference/kotlin/androidx/compose/material3/TimePicker.composable#TimePicker(androidx.compose.material3.TimePickerState,androidx.compose.ui.Modifier,androidx.compose.material3.TimePickerColors,androidx.compose.material3.TimePickerLayoutType)`

### shapes

Cmn

```
@Composable
fun shapes(timeFieldShape: Shape? = null, periodSelectorShape: Shape? = null): TimePickerShapes
```

Default shapes used by a `https://developer.android.com/reference/kotlin/androidx/compose/material3/TimePicker.composable#TimePicker(androidx.compose.material3.TimePickerState,androidx.compose.ui.Modifier,androidx.compose.material3.TimePickerColors,androidx.compose.material3.TimePickerLayoutType)`

| Parameters |
|---|---|
| `timeFieldShape: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Shape? = null` | the shape used for the time fields. If null, the default shape will be used. |
| `periodSelectorShape: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Shape? = null` | the shape used for the AM/PM toggle. If null, the default shape will be used. |

| Returns |
|---|---|
| `https://developer.android.com/reference/kotlin/androidx/compose/material3/TimePickerShapes` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/TimePickerShapes` with specified shape overrides |

### vibrantColors

Cmn

```
@Composable
fun vibrantColors(): TimePickerColors
```

Default colors used by a vibrant `https://developer.android.com/reference/kotlin/androidx/compose/material3/TimePicker.composable#TimePicker(androidx.compose.material3.TimePickerState,androidx.compose.ui.Modifier,androidx.compose.material3.TimePickerColors,androidx.compose.material3.TimePickerLayoutType)` in different states

### vibrantColors

Cmn

```
@Composable
fun vibrantColors(
    clockDialColor: Color = Color.Unspecified,
    clockDialSelectedContentColor: Color = Color.Unspecified,
    clockDialContentColor: Color = Color.Unspecified,
    selectorColor: Color = Color.Unspecified,
    containerColor: Color = Color.Unspecified,
    periodSelectorBorderColor: Color = Color.Unspecified,
    periodSelectorSelectedContainerColor: Color = Color.Unspecified,
    periodSelectorContainerColor: Color = Color.Unspecified,
    periodSelectorSelectedContentColor: Color = Color.Unspecified,
    periodSelectorContentColor: Color = Color.Unspecified,
    timeSelectorSelectedContainerColor: Color = Color.Unspecified,
    timeSelectorContainerColor: Color = Color.Unspecified,
    timeSelectorSelectedContentColor: Color = Color.Unspecified,
    timeSelectorContentColor: Color = Color.Unspecified
): TimePickerColors
```

Default colors used by a vibrant `https://developer.android.com/reference/kotlin/androidx/compose/material3/TimePicker.composable#TimePicker(androidx.compose.material3.TimePickerState,androidx.compose.ui.Modifier,androidx.compose.material3.TimePickerColors,androidx.compose.material3.TimePickerLayoutType)` in different states

| Parameters |
|---|---|
| `clockDialColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = Color.Unspecified` | the color of the clock dial |
| `clockDialSelectedContentColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = Color.Unspecified` | the color of the numbers of the clock dial when they are selected or overlapping with the selector |
| `clockDialContentColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = Color.Unspecified` | the color of the numbers of the clock dial when they are unselected |
| `selectorColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = Color.Unspecified` | the color of the clock dial selector |
| `containerColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = Color.Unspecified` | the container color of the time picker |
| `periodSelectorBorderColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = Color.Unspecified` | the color used for the border of the AM/PM toggle |
| `periodSelectorSelectedContainerColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = Color.Unspecified` | the color used for the selected container of the AM/PM toggle |
| `periodSelectorContainerColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = Color.Unspecified` | the color used for the container of the AM/PM toggle |
| `periodSelectorSelectedContentColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = Color.Unspecified` | color used for the selected content of the AM/PM toggle |
| `periodSelectorContentColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = Color.Unspecified` | color used for the content of the AM/PM toggle |
| `timeSelectorSelectedContainerColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = Color.Unspecified` | color used for the selected container of the display buttons to switch between hour and minutes |
| `timeSelectorContainerColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = Color.Unspecified` | color used for the container of the display buttons to switch between hour and minutes |
| `timeSelectorSelectedContentColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = Color.Unspecified` | color used for the selected content of the display buttons to switch between hour and minutes |
| `timeSelectorContentColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = Color.Unspecified` | color used for the content of the display buttons to switch between hour and minutes |

| Returns |
|---|---|
| `https://developer.android.com/reference/kotlin/androidx/compose/material3/TimePickerColors` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/TimePickerColors` with specified color overrides |