Calendar Control

This nestable element provides the ability to build external controls for the calendar element for changing views and navigating the calendar. This provides much more flexibility over the overall design than the built-in toolbars.

calendar control

Settings

Calendar to control – how this control finds its target calendar: Within the same sectionSpecific selector, or Within the same component.

Component scope – when both control and calendar live inside the same component, scopes the selector lookup to that component instance so duplicated components don’t cross-wire.

Control Type

  • Previous / Next – step one unit (month/week/day, depending on current view)
  • Previous year / Next year — step a full year
  • Today — jump to today
  • View button — switch to a specific view
  • Title — a live text label showing the calendar’s current date range
  • Next event – skip calendar view to show next available event
  • Previous event – skip calendar view to show previous event

Content – Populate the buttons with either icon, text or nest any element inside.