Group short interval appointments to one block of half an hour
Dear support team,
I have a requirement to keep the TimeScale model as shown below:
TimeScaleModel = { enable: true, interval: 60, slotCount: 2 };
Having this TimeScale model, the render of appointments with 10 minutes duration are not well displayed. To simplify the case scenario I have created two pictures. The first one is representing the actual situation, and second is depicting the desired scenario I want to achieve.
So the actual situation as shown below (rounded with red circle) is rendering an appointment of 10 minutes duration. I find it not very user friendly on first sight.
So the desired situation is to group all appointments into 30 interval in this case. Having appointments of 30 minutes we can divide that there is max 3 appointments of 10 minutes. So then we can show 1/3 or 2/3 or 3/3.
When clicking on the grouped rendered cell, the pop up should list all three appointments. I am aware of
#editorTemplate that can be used for the popup, but I am not sure if I would have the object of all group appointments in this case.
The functionality of the buttons is something that would be easy to implement once I achieve this descried rendering.
I went through documentation and I am not sure if I can find the right way to override this rendering.
If you would be able to guide me to find an approach for this achievement, I would greatly appreciate it.
Thank you
