InputTime LEGACY

Examples API Setup
Source code
See also
InputDate, InputDateRange, InputMonth, InputMonthRange, InputDateTime
InputTime allows input time in HH:MM format

DI-tokens for input-configurations:

TUI_TIME_VALUE_TRANSFORMER
custom format of control output ( TuiTime | null is default).

See example with string as control's output.

Basic

#

If field is not required, but you want to mark it invalid if user did not complete it, use tuiUnfinishedValidator directive

Dropdown

#

You can set items for dropdown

Options (icon)

#

Options (max values)

#

AM / PM

#

Any mode ending with AA is 12-hour time format with meridiem part

Control value:

{
  "hours": 17,
  "minutes": 0,
  "seconds": 0,
  "ms": 0
}

With control's output as string

#

Stringified control value:

Native input time

#
Please note that iOS Safari doesn't support native picker in modes other than HH:MM