DHTMLX Event Calendar 2.3

Released on December 11, 2024

Review of release on the blog

New functionality

• An ability to create custom views based on built-in views

Updates

• Improve UI for readonly calendars and events. Use the config.highlightReadonly property to manage highlighting the readonly events
• Improve Calendar Info popup
• Events lasting a few hours that span across 2 days are shown as all-day events

DHTMLX Event Calendar 1.2-2.2

Released on November 29, 2024

New functionality

• Timeline view
• Recurring events
• Custom view modes (Example)
• Section for unassigned events in the Timeline view
• Switching through the view modes via the toggle or dropdown controls (Example)
• Dim past events (Example)
• Highlight the current time using red line in the Day, Week, Agenda and Timeline view modes

New API

• Properties

  • editorValidation

Deprecated API

The eventMargin parameter of the config property was deprecated. Use the eventHorizontalSpace parameter instead

Updates

• Methods

  • The createEvent() method was extended by the event object argument
  • The setMode() method of Event Calendar is updated

• Properties

  • The events property was extended by the recurringEventId, originalStartTime and status parameters

  • The config property was extended by the calendarValidation and defaultEditorValues parameters

  • The config property was extended by the dateTitle, eventVerticalSpace and eventHorizontalSpace parameters

  • The templates property of Event Calendar is extended by the timelineSection parameter (template) (Example)

  • The editorShape property is extended by the recurring type (editor field) (Example)

  • The events property of Event Calendar is extended by the RRULE, STDATE, DTEND and recurring parameters (data fields). These parameters are bound to the recurring type of editor

  • The mode property of Event Calendar is extended by the timeline parameter (view mode). The Timeline view mode is optional and can be configured in the config.views property (Example)

  • The config property of Event Calendar is extended by the viewControl and dimPastEvents parameters (Example)

  • The config.view property of Event Calendar is fully updated. See the Migration to newer versions for details. (Example)

  • The config property of Event Calendar is extended by the dateClick property

• Events

  • The update-event event was extended by the mode parameter

DHTMLX Event Calendar 1.1

Released on November 10, 2022

Review of release on the blog

New functionality

• An ability to view events in the Year and Agenda modes (Example)
• An ability to highlight the grid cells via API (Example)
• An ability to use the multiselet and radio types of editor (Example)

Updates

• Methods

  • The setMode() method of Event Calendar is updated

• Properties

  • The templates property of Event Calendar is extended by the yearEvent, agendaEvent and agendaDate parameters (Example)

  • The config property of Event Calendar is extended by the cellCss parameter (Example)

  • The editorShape property is extended by the multiselect and radio types (Example)

  • The mode property of Event Calendar is extended by the year and agenda parameters (view modes)

DHTMLX Event Calendar 1.0

Released on September 1, 2022

Review of release on the blog

Initial functionality

• The ability to work with events:

  • add new events in the following way:
    • by clicking on the + Create event button
    • by double clicking on the empty space
    • by clicking on the empty space and dragging the cursor down
  • show an info popup window with brief information by clicking on the event
  • edit an event via an editor by double clicking on the event or using the popup window (to open editor)
  • reschedule events by dragging them to the desired position along a time scale (calendar cell/date)
  • reschedule events by resizing them
  • delete events via an info popup or an editor
  • group events using calendars

• The ability to work with calendars:

  • add new calendars
  • edit calendars
  • delete calendars

• The ability to view events through the "Day", "Week" and "Month" view modes

• Localization (Example)

• Integration with backend (Example)

• Cross browser compatibility

• Touch support