fix(kit): CalendarRange not switch to selected item (#8784)

taiga-family · Sep 2, 2024 · ad138ab · ad138ab
1 parent cc64434
commit ad138ab
Show file tree

Hide file tree

Showing 2 changed files with 5 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
@@ -113,6 +113,10 @@ export class TuiCalendarRange implements OnInit, OnChanges {
         this.selectedPeriod = period;
     }
 
+    public get computedMonth(): TuiMonth {
+        return this.value ? this.value.from : this.defaultViewedMonth;
+    }
+
     public ngOnChanges(): void {
         this.defaultViewedMonth =
             (this.items.length ? this.value?.to : this.value?.from) ||

diff --git a/projects/kit/components/calendar-range/calendar-range.template.html b/projects/kit/components/calendar-range/calendar-range.template.html
@@ -6,7 +6,7 @@
     [max]="max | tuiMapper: capsMapper : value : maxLength : false"
     [maxViewedMonth]="items.length ? null : (defaultViewedMonth | tuiMapper: monthOffset : -1)"
     [min]="min | tuiMapper: capsMapper : value : maxLength : true"
-    [month]="defaultViewedMonth"
+    [month]="computedMonth"
     [showAdjacent]="!!items.length"
     [value]="value"
     [(hoveredItem)]="hoveredItem"