fix calendar range does not update checkbox position (#8488)

Co-authored-by: Demyan Zhdanov <[email protected]>
taiga-family · Aug 13, 2024 · e4f5bef · e4f5bef
1 parent 84c3aae
commit e4f5bef
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 1 deletion.
diff --git a/projects/kit/components/calendar-range/calendar-range.component.ts b/projects/kit/components/calendar-range/calendar-range.component.ts
@@ -146,7 +146,11 @@ export class TuiCalendarRange implements OnInit, OnChanges {
     protected isItemActive(item: TuiDayRangePeriod | string): boolean {
         const {activePeriod} = this;
 
-        return (tuiIsString(item) && activePeriod === null) || activePeriod === item;
+        return (
+            (tuiIsString(item) && activePeriod === null) ||
+            activePeriod === item ||
+            activePeriod?.toString() === item.toString()
+        );
     }
 
     protected onItemSelect(item: TuiDayRangePeriod | string): void {

diff --git a/projects/kit/components/calendar-range/test/calendar-range.component.spec.ts b/projects/kit/components/calendar-range/test/calendar-range.component.spec.ts
@@ -244,6 +244,38 @@ describe('rangeCalendarComponent', () => {
 
             expect(component.defaultViewedMonth).toEqual(minDate);
         });
+
+        it('isItemActive returns true when value is set to today after being changed to yesterday', () => {
+            const today = TuiDay.currentLocal();
+            const yesterday = today.append({day: -1});
+
+            testComponent.value = new TuiDayRange(today, today);
+            fixture.detectChanges();
+
+            expect(
+                component['isItemActive'](
+                    new TuiDayRangePeriod(new TuiDayRange(today, today), 'Today'),
+                ),
+            ).toBe(true);
+
+            testComponent.value = new TuiDayRange(yesterday, yesterday);
+            fixture.detectChanges();
+
+            expect(
+                component['isItemActive'](
+                    new TuiDayRangePeriod(new TuiDayRange(today, today), 'Today'),
+                ),
+            ).toBe(false);
+
+            testComponent.value = new TuiDayRange(today, today);
+            fixture.detectChanges();
+
+            expect(
+                component['isItemActive'](
+                    new TuiDayRangePeriod(new TuiDayRange(today, today), 'Today'),
+                ),
+            ).toBe(true);
+        });
     });
 
     function getCalendar(): DebugElement | null {