Taiga UI 5 is out!

InputDateTime KIT

Examples API GitHub

[timeMode]
time format mode for SS and MS support
MaskitoTimeMode
[min]
min date
TuiDay  |  [TuiDay, TuiTime]  |  null
[max]
max date
TuiDay  |  [TuiDay, TuiTime]  |  null
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
[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
StateManually override interactive state
[state]
manual interactive state ( null for automatic)
TuiInteractiveState  |  null
[focused]
manual focused state ( 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
ControlApplied as a host directive
[readOnly]
readonly state
boolean
[disabled]
disabled state (use formControl.disable()/.enable() for reactive forms)
boolean
[invalid]
manual invalid state
null  |  boolean