🌈 Create new beautiful Compose Gradients with our new wesite ->
Compose Component

TimePicker

Material Design time picker Time pickers help users select and set a specific time.

TimePicker social preview

TimePicker

Source set: Common
@Composable
public fun TimePicker(
    state: TimePickerState,
    modifier: Modifier = Modifier,
    colors: TimePickerColors = TimePickerDefaults.colors(),
    layoutType: TimePickerLayoutType = TimePickerDefaults.layoutType(),
)

Parameters
state state for this time picker, allows to subscribe to changes to TimePickerState.hour and TimePickerState.minute, and set the initial time for this picker
modifier the Modifier to be applied to this time picker
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 time picker

TimePicker

Source set: Common
@Composable
public fun TimePicker(
    state: TimePickerState,
    shapes: TimePickerShapes,
    modifier: Modifier = Modifier,
    colors: TimePickerColors = TimePickerDefaults.vibrantColors(),
    layoutType: TimePickerLayoutType = TimePickerDefaults.layoutType(),
)

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

Content updated: