Our powerful JS Calendar component


Post by development »

Hi,

In a month view of the calendar is it possible to disable navigating to the previous or next month when clicking for example on the top row day 30 (of the previous month, see attachment). This behavior is in our scenario confusing for our users.

Kind regards,

Marco

Attachments
Untitled.png
Untitled.png (19.96 KiB) Viewed 701 times

Post by mats »

Not possible out of the box, opened this Feature Request: https://github.com/bryntum/support/issues/3554

You can easily solve this now already with a bit of CSS:

.b-cal-month .b-other-month { pointer-events : none }

Post by Animal »

That will also disable navigation on "other" month day cells in the mini calendar in the sidebar and in all date pickers which date fields show.

I'd advise

.b-monthview .b-other-month { pointer-events : none }

To target the MonthView mode of Calendars only.


Post by development »

Hi, thanks for the reply,

I also added

.b-monthview .b-other-month .b-cal-event {
  pointer-events: all;
}

So all events within that day will still be clickable or show the hover popup in our case, this works about 90% for our solution.

Thanks for this solution


Post by Animal »

Good spot there. You still need to interact with the events.

Just so we can get this ticket exactly right, what would the 100% solution look like?


Post Reply