Data Model

Su Mo Tu We Th Fr Sa
    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30      
             
29
Tuesday, April 29
2025
all-day
all-day events
12 AM
1 AM
2 AM
3 AM
4 AM
5 AM
6 AM
7 AM
8 AM
9 AM
10 AM
11 AM
12 PM
1 PM
2 PM
3 PM
4 PM
5 PM
6 PM
7 PM
8 PM
9 PM
10 PM
11 PM
today
left
Mar
Apr
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
May
right

Events

Add event using dialog   Add event without dialog   Delete all events for the active day (without confirmation)

Calendars

Edit Delete

Add calendar

The sample demonstrates how to edit events using client side script.

Options used in the sample:

  • calendars - available calendar objects array. This option is read-only.
  • selectedDate - the selected date.
  • visibleCalendars - array of the calendar names which need to be shown. Default values are "Default", "Home" and "Work".

Client side methods used in the sample:

  • getOccurrences - Retrieves the array which contains the full list of Event objects in the specified time interval. Note, this method will create instances of the Event object for recurring events.
  • addEvent - add new event to a data source.
  • deleteEvent - delete event from the data source.
  • deleteCalendar - delete existent calendar from the data source.
  • showEditEventDialog - call this method in order to display built-in "edit event" dialog.
  • showEditCalendarDialog - call this method in order to display built-in "edit calendar" dialog.