Breadcrumb arrow Back to Code Examples

How Can We Perform The CRUD Actions In EJ2 React Scheduler By Integrating Google Calendar API

Sample date Updated on Mar 02, 2026
Browse Code Git logo Download
calendar-integration crud ej2 ej2-react-schedule google-api google-calendar google-calendar-integration google-calendar-synchronization react react-scheduler scheduler syncfusion syncfusion-scheduler

This is the project to explain how can we perform the CRUD actions in EJ2-React Scheduler by integrating Google Calendar API.

To run this project follow the below steps,

  1. Clone this project
  2. Install packages using npm install
  3. Create a google cloud console project.
    • Go to google cloud console using the following link.
    • Create a new project.
    • Go to navigation bar.
    • Click APIs and services.
    • Click Configure consent screen.
      • Click get started.
      • Fill the details and click create.
    • Navigate to Audience.
      • Add your mail-id in test-users.
    • Navigate to clients.
      • Create client.
      • Application type - web application.
      • Add http://localhost:3000/ to Authorised JavaScript origins and Authorised redirect URIs.
      • Save the client-id for future uses.
    • Navigate to Navigation bar -> APIs and services -> library.
      • Search for google calendar API.
      • Click enable.
  4. Replace your calendar-id and client-id in the schedule.js.
  5. Run this project using npm start command.

To generate the Client ID please visit the quickstart page.

Up arrow