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
02.08.202603.08.202604.08.2026

[ "2026-08-02T00:00:00.000Z", "2026-08-03T00:00:00.000Z", "2026-08-04T00:00:00.000Z" ]