Is it possible to work with time blocks?

We are currently working on an application where we want to work with time blocks (e.g. from 9AM until 12PM this type of appointments, and from 1 PM until 3PM another type of appointments). Also, ideally we'd like to have different slot lengths between such time blocks (e.g. between 9AM and 12PM slots of 10 minutes, and between 1PM and 3PM slots of 15 minutes). 

The best we can come up with is currently something like adding separate events for each time block and then use colors to make a clear distinction between time blocks and actual appointments. It's not optimal, but it may be our best solution for this case. Or does anyone has any ideas on how we can do this on a better way?

For the slots we haven't find a potential solution. As far as we can see it's only possible to create fixed slots that are the same during the whole day. Is there a way to do this differently, or isn't there a thing we can do about it?

It would really help us out if someone can look into this and maybe come up with some advice on we could do this as optimal as possible.

Thank you very much in advance.

1 Reply 1 reply marked as answer

HB Hareesh Balasubramanian Syncfusion Team June 11, 2021 09:15 AM UTC

Hi Wessel, 

Greetings from Syncfusion Support..! 
  
We have checked your requirement “need to have different time slots between the selected regions on the same date” and let you know it is not feasible to render different time slots in same view with our Scheduler’s current architecture.  

In the meantime, we can different timeScale, startHour, and endHour properties as a view specific. For the same, we have prepared a sample with two week views with different timescale, start and end hour, which can be viewed from the following link. 


  views: [ 
    { 
      displayName: 'Customized Week 1', 
      option: 'Week', 
      isSelected: true, 
      startHour: '09:00', 
      endHour: '18:00', 
      timeScale: { enable: true, slotCount: 5 } 
    }, 
    { 
      displayName: 'Customized Week 2', 
      option: 'Week', 
      startHour: '11:00', 
      endHour: '18:00', 
      timeScale: { enable: true, slotCount: 3 } 
    } 
  ], 

Kindly try the above solution and let us know if this meets your requirement. 

Regards, 
Hareesh 


Marked as answer
Loader.
Up arrow icon