Our powerful JS Calendar component


Post by tdset »

Hello,

I encountered 2 issues with the official Scheduler Timeline Demo: https://www.bryntum.com/examples/calendar/calendar-scheduler/

  1. in Timeline view, when changing the date using the sidebar calendar, the calendar instance is not updated with the chosen date, so the following happens:

    • the week number from the title doesn't change; e.g. it displays "Week 34, August 2021" even if you selected a date from Week 32.
    • if the currently selected date is 25 August and you select, say, 10 July, then navigate to one of the Day/Week/Month views, the context is still 25 August.
  2. in Timeline view, when changing the date using the sidebar calendar, the timeline always shows the first day in the week, regardless of what you choose. For instance if you choose a Thursday, it seems that nothing happens as a result of you clicking on that date.

As a solution to this I enabled "scroll to date" by adding the following:

sidebar: {
  items: {
    datePicker: {
      listeners: {
        dateChange({ value }) {
          calendar.modes.timeline.scrollToDate(value, {block: 'start', animate: 500});
        }
      }
    }
  }
},

It sort of works, but the scrollbar jumps from one place to another erratically. Please look at the following gif and note the scrollbar position in relation to the chosen date.

Image

The code for this demo is the one from the official demo linked in the beginning of this post, to which I only added the code above for the sidebar and changed the date to

// Start life looking at this date
date : new Date(2021, 7, 25),

Are these bugs and is there anything I can do about these 2 issues?

Thanks


Post by mats »

Confirmed, we'll look into this shortly! https://github.com/bryntum/support/issues/3328


Post Reply