Display multi-color events in TypeScript Scheduler control

The Scheduler allows rendering a single event with multiple colors by dividing its visual representation into segments of different background colors. This is achieved using the template property of eventSettings.
Here, we’ve used SubCount as an additional field. The SubCount field contains the background color and height values. Based on these values, events will be divided into different colors.