feat(date-range): fix calendar width, #5732

IgniteUI · Apr 29, 2020 · 343a708 · 343a708
1 parent 77b202b
commit 343a708
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/projects/igniteui-angular/src/lib/date-range-picker/date-range-picker.component.html b/projects/igniteui-angular/src/lib/date-range-picker/date-range-picker.component.html
@@ -1,6 +1,9 @@
 <div #toggle="toggle" igxToggle class="igx-date-picker" [class.igx-date-picker--dropdown]="mode === 'dropdown'"
     (onOpening)="handleOpening($event)" (onOpened)="handleOpened()"
-    (onClosing)="handleClosing($event)" (onClosed)="handleClosed()">
+    (onClosing)="handleClosing($event)" (onClosed)="handleClosed()"
+    [style.width]="monthsViewNumber * 300 + 'px'"
+    [style.max-width]="'90vw'"
+    >
     <!-- TODO: use IgxCalendarContainerComponent instead -->
     <igx-calendar #calendar (keydown)="onKeyDown($event)" selection="range" [weekStart]="weekStart"
         [hideOutsideDays]="hideOutsideDays" [monthsViewNumber]="monthsViewNumber" [locale]="locale"