Composables UI is out: our new component library for Compose Multiplatform ->
Compose Component

TimePicker

Time pickers help users select and set a specific time.

TimePicker social preview

TimePicker

Source set: Common
@Composable
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.

TimePicker

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

Parameters
state state for this timepicker, 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 input
colors colors TimePickerColors that will be used to resolve the colors used for this time picker in different states. See TimePickerDefaults.richColors.
layoutType, the different TimePickerLayoutType supported by this time picker, it will change the position and sizing of different components of the timepicker.

Last updated: