🐞 - CalendarRange valueChange output property emits first found TuiDayRange without identifier

[zhd-dm]

Playground Link

No response

Description

Hi!

I'm using the TuiCalendarRange component with presets for 30 days, a week, a month, a quarter, and a year. In certain scenarios, some of these presets can overlap. When selecting a preset, the valueChange event emits the first matching TuiDayRange without any identifier. This makes it difficult to build further logic in my application, as I need to distinguish between different presets.

Steps to Reproduce:

Set up the TuiCalendarRange component with presets for 30 days, a week, a month, a quarter, and a year.
Ensure that today is the 1st day of the month, the 1st day of the week, and the 1st day of the quarter (ex. 1 yuly 2024).
Select a preset that overlaps with others (e.g., week and a month).
Observe the emitted TuiDayRange in the valueChange event.

Expected Behavior:

The valueChange event should emit the selected TuiDayRange with an identifier or a clear way to distinguish between overlapping presets.

Actual Behavior:

The valueChange event emits the first matching TuiDayRange, making it difficult to determine which preset was selected.

Angular version

17

Taiga UI version

3.90, 4+

Which browsers have you used?

• Chrome
• Firefox
• Safari
• Edge

Which operating systems have you used?

• macOS
• Windows
• Linux
• iOS
• Android