[timeMode] time format mode for SS and MS support | MaskitoTimeMode | |
[min] min date | TuiDay | [TuiDay, TuiTime] | null | |
[max] max date | TuiDay | [TuiDay, TuiTime] | null | |
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: | 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: | readonly string[] | |
| TextfieldOptionsApplied as a host directive | ||
[tuiTextfieldCleaner] shows a cross to reset a value | boolean | |
[tuiTextfieldSize] size of the textfield. Don't use | TuiSizeS | TuiSizeL | |
[content] a template for custom view of textfield value. We strongly recommend to unset this property on focus – otherwise, it breaks UX on attempt to edit field by keyboard! | PolymorpheusContent | |
| 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 | |
| IconsApplied as a host directive | ||
[iconStart] icon on the inline start side | string | |
| DropdownApplied as a host directive | ||
[(open)] manual control/monitor for the dropdown being visible | boolean | |
[tuiDropdownAlign] align of dropdown to the side of the host | tuiDropdownAlign | |
[tuiDropdownDirection] set the vertical direction of dropdown | TuiVerticalDirection | null | |
[tuiDropdownMinHeight] minimum height to shrink to before flipping direction | number | |
(tuiDropdownDirectionChange) dropdown direction change | TuiVerticalDirection | |
| Control | ||
[readonly] readonly state | boolean | |
[disabled] disabled state (use formControl.disable()/.enable() for reactive forms) | boolean | |
[invalid] manual invalid state | null | boolean | |