Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
krollette opened this issue Sep 8, 2023 · 0 comments
Open

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

krollette opened this issue Sep 8, 2023 · 0 comments

Comments

@krollette
Copy link

Versions

  • Angular version: 16.2.2
  • component version: 6.0.4

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
2. On the left calendar, click on the "<" arrow to go to previous month
3. 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)"
>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant