Prise en main
Copier un prompt de configuration avec les étapes d'installation et la guide markdown complet pour ce plugin.
Set up this Capacitor plugin in the project.
Use the package manager already used by the project.
Install these package(s): `@capgo/capacitor-calendar`
Run the required Capacitor sync/update step after installation.
Read this markdown guide for the full setup steps: https://raw.githubusercontent.com/Cap-go/website/refs/heads/main/apps/docs/src/content/docs/docs/plugins/calendar/getting-started.mdx
Use that guide for platform-specific steps, native file edits, permissions, config changes, imports, and usage setup.
If that guide references other docs pages, read them too.
Installer
Section intitulée “Installer”npm install @capgo/capacitor-calendarnpx cap syncConfiguration iOS
Section intitulée “Configuration iOS” Ajoutez les descriptions d'utilisation dont votre application a besoin ios/App/App/Info.plist:
<key>NSCalendarsUsageDescription</key><string>This app needs calendar access.</string><key>NSCalendarsWriteOnlyAccessUsageDescription</key><string>This app needs permission to add calendar events.</string><key>NSCalendarsFullAccessUsageDescription</key><string>This app needs permission to read and manage calendar events.</string><key>NSRemindersUsageDescription</key><string>This app needs reminders access.</string><key>NSRemindersFullAccessUsageDescription</key><string>This app needs permission to read and manage reminders.</string>Depuis iOS 17 et plus récent, la distinction est faite entre l'accès écriture uniquement et l'accès complet au calendrier. Incluez uniquement les descriptions d'utilisation des rappels si votre application appelle les API des rappels.
Référence Apple : Migrer vers les niveaux d'accès calendrier les plus récents.
Configuration Android
Section intitulée “Configuration Android” Ajoutez les autorisations calendrier dont votre application a besoin android/app/src/main/AndroidManifest.xml:
<uses-permission android:name="android.permission.READ_CALENDAR" /><uses-permission android:name="android.permission.WRITE_CALENDAR" />Référence Android : Permissions des utilisateurs du fournisseur de calendrier.
Demander l'accès au calendrier
Section intitulée « Demander l'accès au calendrier »import { CapacitorCalendar } from '@capgo/capacitor-calendar';
const permission = await CapacitorCalendar.requestFullCalendarAccess();
if (permission.result !== 'granted') { throw new Error('Calendar permission was not granted');}Pour les applications qui ajoutent uniquement des événements, utilisez requestWriteOnlyCalendarAccess(). Pour les flux de lecture Android uniquement, utilisez requestReadOnlyCalendarAccess().
Créer un événement
Section intitulée « Créer un événement »Les dates sont des timestamps Unix en millisecondes.
import { CapacitorCalendar } from '@capgo/capacitor-calendar';
const startDate = Date.now() + 60 * 60 * 1000;const endDate = startDate + 60 * 60 * 1000;
const { id } = await CapacitorCalendar.createEvent({ title: 'Product review', location: 'Capgo', startDate, endDate, description: 'Created with @capgo/capacitor-calendar',});
console.log('Created event', id);Ouvrir l'éditeur d'événements natifs
Section intitulée « Ouvrir l'éditeur d'événements natifs »await CapacitorCalendar.createEventWithPrompt({ title: 'Planning session', location: 'Office', startDate: Date.now() + 24 * 60 * 60 * 1000, endDate: Date.now() + 25 * 60 * 60 * 1000,});Sur Android, les appels de création et de modification basés sur des invitations retournent nullLister les événements ensuite si vous avez besoin de trouver l'ID de l'événement créé.
Lister les événements à venir
Section intitulée “Lister les événements à venir”const now = Date.now();const oneWeekFromNow = now + 7 * 24 * 60 * 60 * 1000;
const { result: events } = await CapacitorCalendar.listEventsInRange({ from: now, to: oneWeekFromNow,});Choisir un calendrier
Section intitulée “Choisir un calendrier”const { result: calendars } = await CapacitorCalendar.listCalendars();const { result: defaultCalendar } = await CapacitorCalendar.getDefaultCalendar();
const calendarId = defaultCalendar?.id ?? calendars[0]?.id;selectCalendarsWithPrompt() Il est disponible sur iOS lorsque vous souhaitez afficher le sélecteur de calendrier système.
Créer un rappel iOS
Section intitulée “Créer un rappel iOS”const permission = await CapacitorCalendar.requestFullRemindersAccess();
if (permission.result === 'granted') { await CapacitorCalendar.createReminder({ title: 'Send launch notes', dueDate: Date.now() + 2 * 24 * 60 * 60 * 1000, notes: 'Created with @capgo/capacitor-calendar', });}Les API de rappel sont uniquement disponibles sur iOS.
Application d'exemple
Section intitulée « Application d'exemple »Le dépôt inclut une application d'exemple Capacitor avec des contrôles d'autorisation, la création d'événements, des invitations d'événements natives, la liste des calendriers et la liste des plages d'événements.
| iOS | Android |
|---|---|
![]() | ![]() |
Référence API
Section intitulée « Référence API »La référence complète API est maintenue dans le fichier README du package et les définitions TypeScript :

