It’s doesn’t seem to work. I add the colors property to the calendar and also tried the marked property. Nothing changes in the calendar.
setOptions({
locale: localeEs,
theme: ‘material’,
themeVariant: ‘light’,
});
@Component({
selector: ‘scs-gantt-mobi’,
template: <div style="height: 800px"> <mbsc-eventcalendar [data]="events" [selectedDate]="selectedDate" [view]="view" [resources]="resources" [marked]="marked" [colors]="colors" [refDate]="startRangeDate" ></mbsc-eventcalendar> </div>
,
styles: ,
})
export class GanttMobiComponent implements OnInit {
@Input() events: MbscCalendarEvent;
@Input() resources: MbscResource;
view: MbscEventcalendarView = {
timeline: {
type: ‘month’,
size: 3,
},
};
startRangeDate = new Date(2019, 5, 1, 0, 0, 0, 0);
selectedDate = new Date(2019, 5, 15, 0, 0, 0, 0);
colors: MbscCalendarColor = [{ start: ‘2019-05-16T08:30’, end: ‘2019-05-16T10:30’, background: ‘blue’ }];
marked: MbscCalendarMarked = [
new Date(2019, 5, 15),
new Date(2019, 5, 18),
{
start: new Date(2019, 5, 28),
end: new Date(2019, 5, 29),
color: ‘red’,
},
{
color: ‘green’,
recurring: { repeat: ‘yearly’, month: 6, day: 24 },
},
];
constructor() {}
ngOnInit(): void {}
}