Our particular app does not allow overlapping or concurrent events. If I have an event on the calendar it leaves extra open space at the end of the event for the user to click on and schedule another event. How do I remove the whitespace and make the event fill the entire slot container?
If you look at the 12pm "Dance Practice" event you can see the space on the end, I want the entire slot filled. I tried CSS forcing the .k-event to 100% width which works with the daily view but this breaks the weekly view.
I know I can add logic to the click event to check if an event already exists and just ignore the click, but that is not very efficient and it still leaves that space on the end which serves no purpose and kind of ugly. Any ideas?