These docs are for an old release. Info on upgrading to v5
edit doc


Sets the width-to-height aspect ratio of the calendar.

Float, default: 1.35

A calendar is a block-level element that fills its entire available width. The calendar’s height, however, is determined by this ratio of width to height. (Hint: larger numbers make smaller heights).

The following example will initialize a calendar with a width twice its height:

var calendar = new Calendar(calendarEl, {
  aspectRatio: 2,
  // other options...

More precisely, this is the aspect ratio of the calendar’s “content” area (the area with a CSS class of “fc-view-container”).


You can dynamically set the aspectRatio of a calendar after initialization:

calendar.setOption('aspectRatio', 1.8);


Also, you can read the value of its aspectRatio:

var ratio = calendar.getOption('aspectRatio');
console.log(ratio); // 1.8