v7.3.0

EventNavigation
Mixin

Mixin that provides keyboard-based event navigation for the Calendar. It allows users to move focus between events using Tab and other keyboard keys, integrating with the Navigator to manage focusable event elements. The mixin adapts the Scheduler's event navigation model to the Calendar's tab-based navigation pattern, where event elements are tabbable items rather than arrow-key navigated.

This mixin is used internally by the Calendar and does not require direct configuration. Keyboard navigation between events uses Tab and Shift+Tab:

const calendar = new Calendar({
    // Event navigation is built in; use keyboard to navigate:
    // Tab - Move to next event
    // Shift+Tab - Move to previous event
    // Enter - Activate event (edit or tooltip depending on feature config)
});
No results

Configs

Configs are options you supply in a configuration object when creating an instance of this class
  • navigator : NavigatorConfig{"allowCtrlKey":true,"scrollSilently":true,"datasetIdProperty":"eventId","itemsTabbable":true,"keys":""}
    internal

    A config object to use when creating the Navigator to use to perform keyboard navigation in the timeline.

Properties

Properties are getters/setters or publicly accessible variables on this class

Source path

Calendar/view/mixin/EventNavigation.js

Contents