timeIntervalHeight property
The height for each time slot to layout within this in time slot views of SfCalendar.
Defaults to 40
.
Note: Calendar time interval height can be adjusted based on screen height by changing the value of this property to -1. It will auto-fit to the screen height and width.
This property applicable only for day, week and work week view of calendar
See also:
- timeInterval, which is the duration of every single timeslot in the timeslot views of calendar.
- timeIntervalWidth, which is the width for every single timeslot in the timeline views of calendar.
- minimumAppointmentDuration, which is the minimum duration for the appointment, if the appointment duration is too small to display on view.
- Knowledge base: How to change the time interval width and height
- Knowledge base: How to set the arbitrary height to an appointment
- Knowledge base: How to auto fit the calendar to screen height
- To know more about time slot views in calendar refer here
Widget build(BuildContext context) {
return Container(
child: SfCalendar(
view: CalendarView.workWeek,
timeSlotViewSettings: TimeSlotViewSettings(
startHour: 10,
endHour: 20,
nonWorkingDays: <int>[
DateTime.saturday,
DateTime.sunday,
DateTime.friday
],
timeInterval: Duration(minutes: 120),
timeIntervalHeight: 80,
timeFormat: 'h:mm',
dateFormat: 'd',
dayFormat: 'EEE',
timeRulerSize: 70),
),
);
}
Implementation
final double timeIntervalHeight;