InputDateTime = Textfield + Calendar + ❤️ Calendar specific properties: disable adjacent months days, adds circled colored markers to some days, control initial opened month and etc. Explore Calendar documentation page for more customization options. [min] / [max] and [disabledItemHandler] properties for <tui-calendar /> ! Calendar automatically inherits these properties from <input tuiInputDateTime /> and <tui-textfield /> . tuiUnfinishedValidator directive TuiDay and TuiTime . If you prefer to use anything else, like a string or native Date you can provide custom transformer in options to store value in different format in form control "2024-08-09T12:17:00.000Z"
TUI_DATE_FORMAT which you can override using tuiDateFormatProvider helper [tuiTimeFormat] directive (or tuiTimeFormatProvider ) to customize time part: pass dayPeriod with a tuple of two locale-specific markers to switch to a 12-hour format and separators to replace the characters between time segments. You can use several different approaches to optimize UX on mobile devices when tapping the icon.