Hi,
For context, this is my environment:
- @angular/mobiscroll-ivy:
5.35.2 - @angular/*:
21.0.0
This behavior only happens in the latest release, if I downgrade to 5.32.1 it works as expected.
Steps to reproduce
1. Create a new angular application (for example with the command below or any other preferred method):
npx @angular/cli new test-app --zoneless --inline-style --inline-template --minimal --skip-git --skip-install --skip-tests --standalone --strict
2. Install dependencies and the latest mobiscroll version (one may need to configure credentials before)
npm i
npm i @mobiscroll/angular-ivy
3. Add mobiscroll styles in src/styles.css:
/* src/styles.css */
@import "../node_modules/@mobiscroll/angular-ivy/dist/css/mobiscroll.min.css";
4. Change src/app/app.ts for the following:
import { Component } from '@angular/core';
import { MbscEventcalendarModule, setOptions, localeEn, MbscEventcalendarOptions, MbscCalendarEvent } from '@mobiscroll/angular-ivy';
setOptions({
locale: localeEn,
theme: 'material',
themeVariant: 'light',
});
@Component({
selector: 'app-root',
imports: [MbscEventcalendarModule],
template: `
<mbsc-eventcalendar
[data]="data"
[options]="options"
[exclusiveEndDates]="true"
/>
`,
})
export class App {
options: MbscEventcalendarOptions = {
view: {
calendar: {
type: 'month',
popover: false,
outerDays: false,
labels: 'all',
},
},
};
data: MbscCalendarEvent[] = [
{
id: 1,
title: 'Example 1',
start: '2026-01-24T00:00:00',
end: '2026-01-26T00:00:00',
},
];
}
See how the event is not visible in the 25th of January (first day of the week and last day of the event).
This only happens when the last day of the event is the first day of the week and when exclusiveEndDates is set to true.
