Calendar Grid

Macedon's Calendar Component allows users to view the information that they need in an intuitive calendar format. Whether users want to visualize upcoming key dates, track deadlines for onboarding a new client, or manage their meetings, this component provides all of the necessary tools. It is fast to implement, and entirely flexible for use across industries.

This product provides:

  • One easy to use component that is quick to set up and handles all of the details of generating the calendar and enabling paging
  • Mobile support
  • The ability to totally customize each day as needed for your use case, using any desired Appian components
  • Dynamic colors and links for each day
  • Several new styling and sizing options to help integrate the calendar with the look and feel of your application
  • Option to toggle between a month, week, or day view.

The component uses out-of-the-box functionality, no plug-ins are required.

  • v2.0 Release Notes
    • Revamped to allow for significantly more flexibility and improved usability
    • Takes advantage of new 20.2 features
  • Hi Rick,

    The calendar component allows you to specify how each day is displayed, so you could certainly render recurring events that are visually distinct from other types of events. It takes advantage of most features provided by a!richTextDisplayField, including all non-header stylings (bold, italics, large, small, red, green, etc.), links, images, and more. To display a recurring event, I would recommend finding a recurring event icon and embedding it within the display using the a!richTextImage component.



  • Hi, Does this calendar render recurring events?

  • Hi riang,

    Yes, as with other grids in Appian, there will be a scrollbar when you view a calendar through the Appian mobile app. For smaller mobile devices, like phones, you can see about 4 days of the week at a time, and with larger tablets you can see up to 6 days. Even if the user scrolls, the month navigation tool below the grid will always remain locked in place. Instead, if you are viewing a calendar through a mobile browser, you can easily zoom out to see the entire calendar.

    We have also recently updated the calendar component with a new feature that allows the user to toggle between "Day", "Week", and "Month" views, instead of just a monthly view. It is possible to configure the "Day" view that shows a component other than a grid, which may be more suitable and user friendly for mobile app users.

    Please let me know if you have any further questions.



  • Hi, how does it fit to mobile? Is it overflowing with scroll bars since its a grid?