InputDate LEGACY

Examples API Setup
Source code
See also
InputDateRange, InputMonth, InputMonthRange, InputDateTime, InputTime
InputDate – input with a calendar.

Date formatting can be customized with TUI_DATE_FORMAT token.

See example with the usage of these tokens.

DI-tokens for input-configurations:

TUI_DATE_VALUE_TRANSFORMER
custom format of control output ( TuiDay is default).

See example with built-in Date object as control's output.

Basic

#

If a field is optional, but unfinished field should be marked as invalid, use tuiUnfinishedValidator directive

sizes

#

With named dates

#

Taiga UI usage experience

Date localization

#
If you need to set some attributes or listen to events on native input , you can put it inside with Textfield directive as shown below

With native Date output

#

Control's output as TuiDay (default)

Stringified control value:

26.01.2022

Control's output as native Date

(see toNativeDate directive)

Stringified control value:

Wed Jan 26 2022 00:00:00 GMT+0000 (Coordinated Universal Time)

Native input date

#

Dynamic date format

#