Функция TimePicker

Функция TimePicker рисует выбор времени Material3: часы и минуты на циферблате или в полях. Состояние передают параметром state из rememberTimePickerState. Режим 12 или 24 часа задаётся при создании состояния параметром is24Hour. Нужна опт-in аннотация ExperimentalMaterial3Api.

Синтаксис

TimePicker(state = timePickerState)

Параметры

Параметр	Описание
`state`	Состояние из `rememberTimePickerState`. Хранит часы, минуты и формат часов.
`layoutType`	Вид циферблата или компактного ввода, зависит от версии Material3.

Пример

Давайте покажем 24-часовой выбор времени:

import android.os.Bundle
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.material3.ExperimentalMaterial3Api
import androidx.compose.material3.TimePicker
import androidx.compose.material3.rememberTimePickerState

class MainActivity : ComponentActivity() {
	@OptIn(ExperimentalMaterial3Api::class)
	override fun onCreate(savedInstanceState: Bundle?) {
		super.onCreate(savedInstanceState)
		setContent {
			val state = rememberTimePickerState(
				initialHour = 9,
				initialMinute = 15,
				is24Hour = true,
			)
			TimePicker(state = state)
		}
	}
}

На экране круглый или компактный блок выбора времени с отметкой 9 часов 15 минут.

Смотрите также

функция rememberTimePickerState,
которая создаёт состояние циферблата
функция DatePicker,
которая выбирает дату в календаре
функция rememberDatePickerState,
которая хранит selectedDateMillis
функция OutlinedTextField,
которая вводит время текстом