Inputs

Time Picker

Dial or keyboard surface for entering a time in 12- or 24-hour format.

Playground

Configure the baseline public contract and copy synchronized Vue markup.

Mode

Layout

24 hour

<m-time-picker
  label="Start time"
  mode="dial"
  layout="vertical"
  is24h
  v-model="value"
 />

Props, slots, and events are extracted from the current public UI Kit contract.

MTimePicker

Input family

src/runtime/components/ui/time-picker

NameTypeDefault

label

stringundefined

helperText

stringundefined

is24h

booleantrue

layout

'vertical' | 'horizontal''vertical'

mode

'dial' | 'keyboard''dial'

MTimePicker does not emit component-specific events. Native events fall through to its root element.