yousefkhan / ngx-daterangepicker-material2 Goto Github PK

I was using the datepicker inside a bootstrap grid/column just in the right of the page and once the datepicker is showed the elements are not displayed properly.

Looks like the width auto is creating some breaklines because there is not enough space. It doesn't solve anything if you change Opens to left, center or right.

Opens should create a real position abosule starting from left:0 (if right) or right:0 (if left) so all the datepicker conten would fit in the screen no matter where you want to render it.

<ngx-daterangepicker-material id="datePicker" [linkedCalendars]="linkedCal" (chosenDate)="chosenDate($event)" [maxDate]="maxDateRange"
[minDate]="minDateRange" [singleDatePicker]="false">

I have set the maxDateRange and minDateRange as well.

maxDateRange = moment().subtract(1, 'days');
minDateRange = moment().subtract(60, 'days');

The Current day is disabled here but it is highlighted.