Hide the all-day events section of the scheduler by setting the allDay property under the view.scheduler option.
Demo
Control over the all-day section
Show all-day events
<mbsc-eventcalendar
[view]="{scheduler: { type: 'week ', allDay: true }}">
</mbsc-eventcalendar>
ComponentTemplate
import { CommonModule } from '@angular/common';
import { HttpClient } from '@angular/common/http';
import { Component, OnInit } from '@angular/core';
import { MbscModule, setOptions } from '@mobiscroll/angular';
setOptions({
locale: ,
theme: ' ',
themeVariant: ' '
});
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
standalone: true,
imports: [CommonModule, MbscModule],
})
export class AppComponent implements OnInit {
constructor(private http: HttpClient) {}
events: any;
ngOnInit() {
this.http.jsonp('https://trial.mobiscroll.com/events/?vers=5', 'callback').subscribe((resp: any) => {
this.events = resp;
});
}
}