Topic: mdb-calendar bug - multi-day event breaks into two lines
Event "Test 1" breaks into two lines. It should be one continues line.
TS:
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'});
}
HTML:
<mdb-calendar [events]="calendarEvents" [editable]="false" #calendar
[options]="calendarOptions"
(monthChanged)="onMonthChange($event)"
(weekChanged)="onWeekChange($event)"
></mdb-calendar>
@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.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: 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