InputDateTime KIT

Examples API GitHub

[timeMode]
Time format mode for SS and MS support
MaskitoTimeMode 'HH:MM'
[min]
Min date
TuiDay  |  [TuiDay, TuiTime]  |  null {year: 0, month: 0, day: 1}
[max]
Max date
TuiDay  |  [TuiDay, TuiTime]  |  null {year: 9999, month: 11, day: 31}
TextfieldOptionsApplied as a host directive
[tuiTextfieldCleaner]
Shows a cross to reset a value
boolean
[tuiTextfieldSize]
Size

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

TuiSizeS  |  TuiSizeL 'l'
[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]
Interactive state ( null for automatic)
TuiInteractiveState  |  null
[focused]
Focused state ( null for automatic)
null  |  boolean
IconsApplied as a host directive
[iconStart]
Icon on the left side
string ''
DropdownApplied as a host directive
[(open)]
Manual control/monitor for the dropdown being visible
boolean
[tuiDropdownAlign]
Align of dropdown (does not work together with limitWidth === 'fixed' )
tuiDropdownAlign 'start'
[tuiDropdownDirection]
Set a vertical direction of dropdown
TuiVerticalDirection  |  null
[tuiDropdownMinHeight]
Minimum height to calculate that dropdown fits to set tuiDropdownDirection
 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]
Invalid state
null  |  boolean
GitHub StackBlitz