Add a Calendar to a Lightning App Page

This article explains how to create a new Lightning App page and add a calendar to it.

This article refers to the Lightning calendar, which is different than the Visualforce calendar. For more information:

  1. Go to Setup, and then to the Lightning App Builder. Click New.


  2. Select 'App Page', give the page a label, and select a layout. We recommend selecting a layout with at least one large region for displaying the calendar.


  3. From the ‘Custom - Managed’ section in the left panel, drag and drop a calendar component onto the page. At the time of writing, the only calendar component supported is the Multi Calendar and the Mobile Calendar, but a Single Calendar will be added in the near future.

  4. In the right panel, select a calendar to display. This is the calendar record that will drive configuration for the component. For more information, see:


  5. Feel free to add more components to the page, possibly in other regions (depending on the layout you selected in step 2). You can even add multiple calendar components to one page! When you’re done composing, save and activate the page.