Native Calendar Events

Schedule and manage native calendar events directly from your web application. Nativine embeds native iOS EventKit and Android CalendarContract bridges, allowing web forms to create, query, and delete native device calendar events and reminders.

1. Overview & Native Capabilities

Adding events directly to the user's native calendar ensures appointment attendance. Nativine's Native Calendar plugin exposes full EventKit and Calendar API bridges to your web view:

• Create Calendar Events: Add appointments, webinars, flights, or bookings to Google Calendar / Apple Calendar with 1 tap.
• Set Alarms & Reminders: Configure custom alert reminders (e.g. 15 minutes or 1 day prior to event).
• Query Existing Events: Search native calendar entries to prevent booking double-commitments.

2. No-Code App Builder Setup Guide

Nativine App Builder Configuration

1. Open the Nativine App Builder at /web-to-app-converter-pro.
2. Click Add-ons & Plugins in the left builder menu and locate Native Calendar Events.
3. Toggle Native Calendar Events to ON (or click Enable), then click Config.
4. Configure your required settings, permissions descriptors, or target web parameters.
5. Click Save Config and navigate to the Builds tab to compile your mobile application.

3. Native JS Bridge API Reference

To create a native calendar event from JavaScript, call nativine.calendar.createEvent():

nativine.calendar.createEvent({
  title: 'Consultation Appointment',
  location: '123 Main Street / Zoom Room',
  notes: 'Bring ID and booking confirmation reference.',
  startDate: new Date('2026-09-01T10:00:00').getTime(),
  endDate: new Date('2026-09-01T11:00:00').getTime(),
  alarmMinutesBefore: 30,
  callback: 'onCalendarEventCreated'
});

function onCalendarEventCreated(result) {
  console.log("Created Calendar Event ID:", result.eventId);
}

Parameters

4. Frequently Asked Questions (Q&A)