EventEdit

Feature

Feature that displays a popup containing fields for editing event data.

To customize its contents you can:

• Reconfigure built-in widgets by providing override configs in the items config.
• Change the date format of the date & time fields: dateFormat and timeFormat
• Configure provided fields in the editor and add your own in the items config.
• Remove fields related to recurring events configuration (such as recurrenceCombo) by setting showRecurringUI config to false.
• Advanced: Reconfigure the whole editor widget using editorConfig

For more info on customizing the event editor, please see Customize event editor guide.

Using the TimeVisualizingEditor

The default event editor can be replaced with a TimeVisualizingEditor, a specialized editor that includes an embedded day view showing the event being edited in context of the day's time span. This allows users to visually adjust the event's time by dragging it within the day, while simultaneously editing other event fields in the form.

The time visualizer is only shown for intra-day events; day-spanning events use the standard editor layout.

To enable it, configure the editorConfig with type : 'timevisualizingeditor':

const calendar = new Calendar({
    features : {
        eventEdit : {
            editorConfig : {
                type           : 'timevisualizingeditor',
                maximizable    : true,
                timeVisualizer : {
                    hourHeight : 30
                }
            }
        }
    }
});

This feature is enabled by default.

Useful configs

See also

• EventEditor — The editor dialog widget used by this feature
• TimeVisualizingEditor — Alternative editor with embedded day view
• EventModel — The event model being edited