# TimePickerColors

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.TimePickerColors) Common/AllAndroid/JVM
- Cmn

  ```
  class TimePickerColors
  ```

*** ** * ** ***

Represents the 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.

## Summary

| ### Public constructors |
|---|---|
| `https://developer.android.com/reference/kotlin/androidx/compose/material3/TimePickerColors#TimePickerColors(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, 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, clockDialSelectedContentColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, clockDialContentColor: 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 )` create an instance with arbitrary colors. | Cmn |

| ### Public functions |
|---|---|---|
| `https://developer.android.com/reference/kotlin/androidx/compose/material3/TimePickerColors` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/TimePickerColors#copy(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, 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, clockDialSelectedContentColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color, clockDialContentColor: 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 )` Returns a copy of this TimePickerColors, optionally overriding some of the values. | Cmn |
| `open operator https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-boolean/index.html` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/TimePickerColors#equals(kotlin.Any)(other: https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-any/index.html?)` | Cmn |
| `open https://kotlinlang.org/api/core/kotlin-stdlib/kotlin/-int/index.html` | `https://developer.android.com/reference/kotlin/androidx/compose/material3/TimePickerColors#hashCode()()` | Cmn |

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

## Public constructors

### TimePickerColors

Cmn

```
TimePickerColors(
    clockDialColor: Color,
    selectorColor: Color,
    containerColor: Color,
    periodSelectorBorderColor: Color,
    clockDialSelectedContentColor: Color,
    clockDialContentColor: Color,
    periodSelectorSelectedContainerColor: Color,
    periodSelectorContainerColor: Color,
    periodSelectorSelectedContentColor: Color,
    periodSelectorContentColor: Color,
    timeSelectorSelectedContainerColor: Color,
    timeSelectorContainerColor: Color,
    timeSelectorSelectedContentColor: Color,
    timeSelectorContentColor: Color
)
```

create an instance with arbitrary colors. See `https://developer.android.com/reference/kotlin/androidx/compose/material3/TimePickerDefaults#colors()` for the default implementation that follows Material specifications.

## Public functions

### copy

Cmn

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

Returns a copy of this TimePickerColors, optionally overriding some of the values. This uses `https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color#Unspecified()` to mean "use the value from the source".

| Parameters |
|---|---|
| `clockDialColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = this.containerColor` | the color of the clock dial |
| `selectorColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = this.selectorColor` | the color of the clock dial selector |
| `containerColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = this.containerColor` | the container color of the time picker |
| `periodSelectorBorderColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = this.periodSelectorBorderColor` | the color used for the border of the AM/PM toggle |
| `clockDialSelectedContentColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = this.clockDialSelectedContentColor` | 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 = this.clockDialContentColor` | the color of the numbers of the clock dial when they are unselected |
| `periodSelectorSelectedContainerColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = this.periodSelectorSelectedContainerColor` | the color used for the selected container of the AM/PM toggle |
| `periodSelectorContainerColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = this.periodSelectorContainerColor` | the color used for the container of the AM/PM toggle |
| `periodSelectorSelectedContentColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = this.periodSelectorSelectedContentColor` | color used for the selected content of the AM/PM toggle |
| `periodSelectorContentColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = this.periodSelectorContentColor` | color used for the content of the AM/PM toggle |
| `timeSelectorSelectedContainerColor: https://developer.android.com/reference/kotlin/androidx/compose/ui/graphics/Color = this.timeSelectorSelectedContainerColor` | 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 = this.timeSelectorContainerColor` | 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 = this.timeSelectorSelectedContentColor` | 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 = this.timeSelectorContentColor` | 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` | a copy of this `https://developer.android.com/reference/kotlin/androidx/compose/material3/TimePickerColors` |

### equals

Cmn

```
open operator fun equals(other: Any?): Boolean
```

### hashCode

Cmn

```
open fun hashCode(): Int
```

## Public properties

### clockDialColor

Cmn

```
val clockDialColor: Color
```

The color of the clock dial.

### clockDialContentColor

Cmn

```
val clockDialContentColor: Color
```

The color of the numbers of the clock dial when they are unselected.

### clockDialSelectedContentColor

Cmn

```
val clockDialSelectedContentColor: Color
```

The color of the numbers of the clock dial when they are selected or overlapping with the selector.

### containerColor

Cmn

```
val containerColor: Color
```

The container color of the time picker.

### periodSelectorBorderColor

Cmn

```
val periodSelectorBorderColor: Color
```

The color used for the border of the AM/PM toggle.

### periodSelectorContainerColor

Cmn

```
val periodSelectorContainerColor: Color
```

The color used for the container of the AM/PM toggle.

### periodSelectorContentColor

Cmn

```
val periodSelectorContentColor: Color
```

The color used for the content of the AM/PM toggle.

### periodSelectorSelectedContainerColor

Cmn

```
val periodSelectorSelectedContainerColor: Color
```

The color used for the selected container of the AM/PM toggle.

### periodSelectorSelectedContentColor

Cmn

```
val periodSelectorSelectedContentColor: Color
```

The color used for the selected content of the AM/PM toggle.

### selectorColor

Cmn

```
val selectorColor: Color
```

The color of the clock dial selector.

### timeSelectorContainerColor

Cmn

```
val timeSelectorContainerColor: Color
```

The color used for the container of the display buttons to switch between hour and minutes.

### timeSelectorContentColor

Cmn

```
val timeSelectorContentColor: Color
```

The color used for the content of the display buttons to switch between hour and minutes.

### timeSelectorSelectedContainerColor

Cmn

```
val timeSelectorSelectedContainerColor: Color
```

The color used for the selected container of the display buttons to switch between hour and minutes.

### timeSelectorSelectedContentColor

Cmn

```
val timeSelectorSelectedContentColor: Color
```

The color used for the selected content of the display buttons to switch between hour and minutes.