search

valor-software / ngx-bootstrap

Fast and reliable Bootstrap widgets in Angular (supports Ivy engine)
https://valor-software.com/ngx-bootstrap
MIT License
5.52k stars 1.7k forks source link

Daterange picker: Weird jumping of calendar after the first date selection #5889

Open vadal opened 3 years ago

vadal commented 3 years ago

Bug description: Weird jumping of calendar after the first date selection

Plunker/StackBlitz that reproduces the issue: To reproduce, open a date range picker that has the default two month calendar (for example: August and September). Select the first date from the month that is on the right side (September). Calendar of this month (September) will be moved on the left and the next month (October) will appear on the right, but with a very weird way without a transition.

Versions of ngx-bootstrap, Angular, and Bootstrap:

ngx-bootstrap: 3.3.0

Angular: 9.1.6

Bootstrap: 3.3.7

Build system: Angular CLI, System.js, webpack, starter seed:

Expected behavior

Smoothly move the selected month on the left side or no movement (retain the selected month on the right side).

Any idea?

daniloff200 commented 3 years ago

> no movement I don't think it's a good idea. That was done, because, it's obvious, that if you select September as a first date, you definetely will not pick August, July, etc as the end month

also, I see, that you used 3.3.0 version, that's very old one. You can try to update to the latest versions (5.6.1, or, 6.0.0 ) perhaps, there it will be better

vadal commented 3 years ago

@daniloff200 thank you for your response. I understand the purpose of the jump.

What I want is to make the transition smoother. Is any way?