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

Author: wnvko

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 * 320 + '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"