Calendar Template

Overview

Use cases:

  • I want to display a series of events in a variety of calendar formats
  • I want to be able to view this on web and mobile
  • I want to be able to view all the events for a month, a week, and a specific day
  • I want to be able to configure a calendar for my specific application

Key Features & Functionality

The main calendar rule provides month, week, and day views for displaying events. You can use the provided toggles in the calendar header to view previous, current, and future months/weeks/days depending on your current view. The design will vary, particularly the month view, if it is displayed on a desktop, tablet, or mobile device.

Anonymous
Parents
  • v21.2 Release Notes
    • Replaces month view grid with card sections. Now you can represent events with more than just rich text!
    • Uses preventWrapping to allow for long event names. Users can hover over text to view full event name.
    • Utilizes a!isPageWidth() to adapt layouts at different page widths
    • Uses a!stampField() on the tablet view for displaying number of events
    • Improves display logic when when switching between month/week/day view after using the previous or next buttons
Comment
  • v21.2 Release Notes
    • Replaces month view grid with card sections. Now you can represent events with more than just rich text!
    • Uses preventWrapping to allow for long event names. Users can hover over text to view full event name.
    • Utilizes a!isPageWidth() to adapt layouts at different page widths
    • Uses a!stampField() on the tablet view for displaying number of events
    • Improves display logic when when switching between month/week/day view after using the previous or next buttons
Children
No Data