Topic: mdb-calendar bug - multi-day event breaks into two lines

ammi pro asked 2 years ago

Event "Test 1" breaks into two lines. It should be one continues line.

enter image description here


ngOnInit(): void {

 this.calendarEvents.push({id: 'mdb-event-12345', name: 'Test', startDate: new Date('2021-06-28 00:00:00'), endDate: new Date('2021-06-30 23:59:59'), color: 'info'});
 this.calendarEvents.push({id: 'mdb-event-12346', name: 'Test 1', startDate: new Date('2021-06-28 00:00:00'), endDate: new Date('2021-07-02 23:59:59'), color: 'success'});



<mdb-calendar [events]="calendarEvents" [editable]="false" #calendar 

Arkadiusz Idzikowski staff answered 2 years ago

@ammi This is not unexpected behavior, in the current plugin version there is no support for the order of displaying events and they will be displayed in the first available place. However, we agree that this way of presenting events is not ideal and we will check if we can change it without breaking the current functionality of the component.

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: MDB4 11.1.0
  • Device: Desktop
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No