Example of Export and Import ICS in React Scheduler Component

/
/
CalendarImportExport

This example showcases how to export the Scheduler events to a calendar (.ics) file, as well as how to import events from an .ics file (downloaded from any of the calendars like Google or Outlook) into our Scheduler.

More Details...

Loading....
Description

In this example, the Scheduler events can be exported to a calendar (.ics) file by making use of the exportToICalendar public method. By default, the calendar is exported with a file name Calendar.ics. To change this file name on export, pass the custom string value as fileName to get the file downloaded with this provided name. The events from external calendars can also be imported into Scheduler by making use of the importICalendar method. This method accepts the blob object of an .ics file to be imported as a mandatory argument.

Module Injection

To start using the export and import ICS functionality in Scheduler, we need to inject ICalendarExport and ICalendarImport modules into the services.