<div class='type'>Composable Component</div>



Time pickers help users select and set a specific time.

<img loading='lazy' class='hero-img' alt='Time picker image' src='/static/images/material3/time-picker.png'>

<a id='references'></a>



<h2 id="timepicker-state-modifier-colors-layouttype">TimePicker</h2>

<div class='sourceset sourceset-common'>Common</div>


```kotlin
@Composable
@ExperimentalMaterial3Api
fun TimePicker(
    state: TimePickerState,
    modifier: Modifier = Modifier,
    colors: TimePickerColors = TimePickerDefaults.colors(),
    layoutType: TimePickerLayoutType = TimePickerDefaults.layoutType(),
)
```


#### Parameters

| | |
| --- | --- |
| state | state for this time input, allows to subscribe to changes to `TimePickerState.hour` and `TimePickerState.minute`, and set the initial time for this input. |
| modifier | the `Modifier` to be applied to this time input |
| colors | colors `TimePickerColors` that will be used to resolve the colors used for this time picker in different states. See `TimePickerDefaults.colors`. |
| layoutType, | the different `TimePickerLayoutType` supported by this time picker, it will change the position and sizing of different components of the timepicker. |