Taiga UI 5 is out!

InputTime KIT v5.0.0+

Examples API GitHub

[mode]
time format mode
MaskitoTimeMode
[prefix]
uneditable text before time
string
[postfix]
uneditable text after time
string
[accept]
limited array of allowed TuiTime values to choose
ReadonlyArray<TuiTime>
TuiTimeFormat
[tuiTimeFormat]="{dayPeriod, separators}"
[dayPeriod]
Tuple of two locale-specific day-period markers (AM-marker first, PM-marker second). When both are non-empty, the mask switches to 12-hour format and appends the selected marker to the time.

Default: ['', ''] (24-hour format)

readonly [string, string]
[separators]
Separators between time segments (from left to right). If there are fewer separators than positions in the time mode, the remaining positions use the canonical separators of the mode ( ':' or '.' ).

Default: [] (canonical separators of the mode)

readonly string[]
TextfieldOptionsApplied as a host directive
[tuiTextfieldCleaner]
shows a cross to reset a value
boolean
[tuiTextfieldSize]
size of the textfield.

Don't use label[tuiLabel] inside s - size textfield.
Use outside label or <input placeholder="..." /> instead.

TuiSizeS  |  TuiSizeL
AppearanceApplied as a host directive
[tuiAppearanceState]
manual interactive state override ( null for automatic)
TuiInteractiveState  |  null
[tuiAppearanceFocus]
manual focus state override ( null for automatic)
null  |  boolean
Control
[readonly]
readonly state
boolean
[disabled]
disabled state (use formControl.disable()/.enable() for reactive forms)
boolean
[invalid]
manual invalid state
null  |  boolean