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
21.06.202622.06.202623.06.2026

[ "2026-06-21T00:00:00.000Z", "2026-06-22T00:00:00.000Z", "2026-06-23T00:00:00.000Z" ]