fix(days-view): Update day-item selection logic to include preview range (#15418)

desig9stein · simeonoff · web-flow · commit 6d264e5d363c · 2025-03-04T13:29:25.000+02:00
Co-authored-by: Simeon Simeonoff &lt;sim.simeonoff@gmail.com&gt;
diff --git a/projects/igniteui-angular/src/lib/calendar/days-view/day-item.component.ts b/projects/igniteui-angular/src/lib/calendar/days-view/day-item.component.ts
@@ -111,7 +111,8 @@ export class IgxDayItemComponent {
     @HostBinding('class.igx-days-view__date--selected')
     public get isSelectedCSS(): boolean {
     const selectable =
-        !this.isInactive || (this.isWithinRange && this.selection === "range");
+        !this.isInactive || this.isWithinPreviewRange ||
+        (this.isWithinRange && this.selection === "range");
     return !this.isDisabled && selectable && this.selected;
     }
 

Original file line number	Diff line number	Diff line change
`@@ -111,7 +111,8 @@ export class IgxDayItemComponent {`
`111`	`111`	`@HostBinding('class.igx-days-view__date--selected')`
`112`	`112`	`public get isSelectedCSS(): boolean {`
`113`	`113`	`const selectable =`
`114`		`- !this.isInactive \|\| (this.isWithinRange && this.selection === "range");`
	`114`	`+ !this.isInactive \|\| this.isWithinPreviewRange \|\|`
	`115`	`+ (this.isWithinRange && this.selection === "range");`
`115`	`116`	`return !this.isDisabled && selectable && this.selected;`
`116`	`117`	`}`
`117`	`118`