Change the calendar display from hours to half hours or quarter hours

[Raymond]

Hello,

I would like to know how to change the initial time display in the calendar to change from 1 hour increments to half hour increments or quarter hour increments.

For example the default shows times on the hour 1pm 2pm 3pm, etc  How do you change the calendar to show 1pm, 1:30pm 2pm 2:30pm instead.

thanks!

[Indumathi Ravichandran]

Hi Raymond, 

 

Thank you for contacting Syncfusion support. 

 

Regarding Query: Display from hours to half hours or quarter hours. 

 

In the Flutter Calendar you can change the time interval of slots by using the timeInterval property of the TimeSlotViewSettings. We have UG document for the same. Please find the UG from the following link. 

 

UG link: 

https://help.syncfusion.com/flutter/calendar/timeslot-views#change-time-interval 

 

Also, we have KB document for changing the time interval in Calendar. Please find the KB from the following link. 

 

KB link: 

https://www.syncfusion.com/kb/12322/how-to-change-the-time-interval-width-and-height-in-the-flutter-event-calendar-sfcalendar 

 

Code snippet: 

child: SfCalendar(
  timeSlotViewSettings: TimeSlotViewSettings(
      timeInterval: Duration(minutes: 30), timeFormat: 'h:mm'),
),

 

Screenshot: 

 

 

We hope that this helps you. Please let us know if you need further assistance. 

 

Regards, 

Indumathi R 

[Raymond]

Just what I needed.  Thank you so much!

[Indumathi Ravichandran]

Hi Raymond, 

 

Thank you for the update. Please get in touch with us if would you require any further assistance. 

 

Regards, 

Indumathi R