This demo showcases the scheduler that lists out the meeting rooms of an office and its availability. The slots which are already booked and the lunch time can’t be allowed for any new bookings. Also, the existing bookings which were made on past dates were not allowed to edit as well as the new bookings on those past dates will also be not allowed.
Here, the timeline view is grouped with single level of resources by using the
Also, the lunch time blocking is done by block event. The event editor and popup are prevented from
opening on those blocked time slots as well as on the past bookings by using the
eventRendered event is utilized in order to make the bookings done on past
dates as read-only. To block more than one bookings per slot, the
method is used. Also, the resource header displayed at the left panel is customized to render as columns
with the help of
resourceHeaderTemplate. The tooltip for resource header is customized
by defining the
headerTooltipTemplate property within the
Note: The dates which lies beyond the current date set to scheduler through
selectedDate property is considered as the past dates here in this sample.