Taiga UI 5 is out!

InputDateMulti KIT

Examples API GitHub

On this page

InputDateMulti uses specifically modified InputChip to represent array of dates.

Basic

06.07.2025
    
      
    

Chip

Use *tuiItem directive to provide custom representation. You can use tui-input-chip out of the box or implement your own. The context is TuiContext<{ item: T, index: number }>
06.07.2025
    
      
    

Disabled items

06.07.2025
    
      
    

Format

Formatting relies on TUI_DATE_FORMAT which you can override using tuiDateFormatProvider helper
07/06/2025
07/06/2025
    
      
    

customization

04.07.2025
06.07.2025
    
      
    

Value transformer

By default component works with our internal type called TuiDay . 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
12.07.202613.07.202614.07.2026

[ "2026-07-12T00:00:00.000Z", "2026-07-13T00:00:00.000Z", "2026-07-14T00:00:00.000Z" ]