fetrarij / ngx-daterangepicker-material

Pure Angular 2+ date range picker with material design theme, a demo here:
https://fetrarij.github.io/ngx-daterangepicker-material/
MIT License
246 stars 247 forks source link

ngx-daterangepicker-material: prev button does not work #532

Open krollette opened 9 months ago

krollette commented 9 months ago

Versions

Describe the bug

I was previously to angular12 with ngx-daterangepicker-material version 4.0.1. I then moved to angular 16 and ngx-daterangepicker-material latest version, i.e. 6.0.4. It works well, except that the previous arrow does not work. It is displayed, but when I click on it, it closes the daterange picker window. I cannot select a date previous to today except if I select custom range. How can I do?

To Reproduce Steps to reproduce the behavior: 1.Click on input to open ngx-daterangepicker-material interface

  1. On the left calendar, click on the "<" arrow to go to previous month
  2. Check that the ngx-daterangepicker-material interface is closed, and we cannot select fist/last dates.

Expected behavior I would expect that the previous month is displayed so that I can select my dates for previous month

Screenshots If applicable, add screenshots to help explain your problem.

Stackblitz link If applicable, add stackblitz link.

Additional context

Here are the parameters I use:

<input matInput type="text" autocomplete="off" [ranges]="ranges" [alwaysShowCalendars]="true" placeholder="{{datePickerPlaceholder}}" showClearButton="true" showWeekNumbers="true" opens="right" drops="down" showCancel="true" [locale]="{applyLabel: 'Ok', cancelLabel: 'Cancel', clearLabel: 'Default', format: 'YYYY-MM-DD', weekLabel: 'W', firstDay: 1, customRangeLabel: 'Specific...'}" [keepCalendarOpeningWithRange]="true" ngxDaterangepickerMd [(ngModel)]="daterangepickerModel" (ngModelChange)="addFilterDataPicker(col)"