Hi Ronan,
Greetings from Syncfusion Support.
Q: How to change the name of the days in the header of the month view ? (I'd like : "L M M J V S D")
We can customize the header cells of month view with the help of renderCell event and for the same we have prepared a sample for your reference which can available from the following link.
.e-schedule .e-header-cells span {
display: none;
}
getDateHeaderText(value) {
return this.instance.formatDate(value, { skeleton: 'E' });
}
onRenderCell(args) {
if (args.elementType === 'monthDay' && this.scheduleObj.currentView === 'Month') {
let ele = document.createElement('div');
ele.innerHTML = this.getDateHeaderText(args.date);
(args.element).appendChild(ele.firstChild);
}
}
Q: How to display six months vertically, separated by the month name and a divide
We can display n number of months in the scheduler using interval option within view property. Please check the following sample meets your requirement.
<ViewsDirective>
<ViewDirective option='Month' displayName='6 Month' interval={6}/>
</ViewsDirective>
Q: How to allow only one event per cell and fill with a color depending of its event category ?
We can restrict the appointment creation if the time slot is already occupied using isSlotAvailable public method. Please refer the following UG and online demo.
We can change the event color based on the category field using eventRendered event and for the same please refer the following UG and online demo link.
Regards,
Nevitha
