Our powerful JS Calendar component


Post by kundansah »

Hi,
I am using bryntum calendar in "Drag from external source demo" mode. Calendar view advances one day when scheduled topics (records in calendar) are single-clicked.

This issue seems to be with Bryntum Calendar when only two date is displayed in the view, one is last of month and the other is start of next month. With this scenario, when we click anywhere in next date cell (like Room 1, or anywhere below) the calendar re-renders and date is shifted for the new month.
The same issue is not happening when there are more than two dates (eg date range is 31 Jan to 2 Feb).

Calendar view:

bryntum calendar on loading.png
bryntum calendar on loading.png (150.53 KiB) Viewed 335 times

After click

bryntum calendar - After Click.png
bryntum calendar - After Click.png (136.92 KiB) Viewed 335 times

How can we solve this issue?


Post by marcio »

Hey kundansah,

Thanks for reaching out.

How did you set up that 2-day view? I tried to reproduce that behavior on one of our demos, but wasn’t able to get the behavior that you mentioned.

The demo that you mentioned is this one? https://bryntum.com/products/calendar/examples/dragfromgrid/

Could you please provide some instructions of how to reproduce that on one of our demos, or provide a test case for us to debug?

Best regards,
Márcio


Post by Animal »

Can you fork this and get it to behave the same? https://codepen.io/Animal-Nige/pen/RwdJgjR?editors=0010

It's a two day DayView


Post by Animal »

The date picker in the sidebar always tracks where your current date is.

The tracked date that the user registers an interest in changes. But the view doesn't change.

This is how it has always worked. Whatever day you are in, the date picker in the sidebar tracks it.

It's a convenience. Say a user was looking at a MonthView or a YearView and she clicked an event. When she then went to the WeekView mode, the week she was looking at will be shown. Because it knows what date the user is interested in.


Post by Animal »

How about how it works now? https://codepen.io/Animal-Nige/pen/RwdJgjR?editors=0010

With alwaysRefreshOnMonthChange : false on the date picker?

It still changes the date of interest, but if the date picker has a visible cell for the date, it doesn't actually change the month that's in view.

(I just think it's a bit confusing like that. You can be on March 1. The date picker's title shows "March", but the actual set of cells that is displayed is for February)


Post by kundansah »

It worked.
Thank you so much, I am now able to achieve the desired results.


Post Reply