A library that provides an API for interacting with the device's system calendars, events, reminders, and associated records.
expo-calendar
provides an API for interacting with the device's system calendars, events, reminders, and associated records.
Additionally, it provides methods to launch the system-provided calendar UI to allow user view or edit events. On Android, these methods start the system calendar app using an Intent. On iOS, they present either EKEventViewController
or EKEventEditViewController
as a modal.
-
npx expo install expo-calendar
If you are installing this in an existing React Native app, start by installing expo
in your project. Then, follow the additional instructions as mentioned by the library's README under "Installation in bare React Native projects" section.
You can configure expo-calendar
using its built-in config plugin if you use config plugins in your project (EAS Build or npx expo run:[android|ios]
). The plugin allows you to configure various properties that cannot be set at runtime and require building a new app binary to take effect.
{
"expo": {
"plugins": [
[
"expo-calendar",
{
"calendarPermission": "The app needs to access your calendar."
}
]
]
}
}
Name | Default | Description |
---|---|---|
calendarPermission | "Allow $(PRODUCT_NAME) to access your calendar" | Only for: iOS A string to set the |
remindersPermission | "Allow $(PRODUCT_NAME) to access your reminders" | Only for: iOS A string to set the |
Learn how to configure the native projects in the installation instructions in the expo-calendar
repository.
import { useEffect } from 'react';
import { StyleSheet, View, Text, Button, Platform } from 'react-native';
import * as Calendar from 'expo-calendar';
export default function App() {
useEffect(() => {
(async () => {
const { status } = await Calendar.requestCalendarPermissionsAsync();
if (status === 'granted') {
const calendars = await Calendar.getCalendarsAsync(Calendar.EntityTypes.EVENT);
console.log('Here are all your calendars:');
console.log({ calendars });
}
})();
}, []);
return (
<View style={styles.container}>
<Text>Calendar Module Example</Text>
<Button title="Create a new calendar" onPress={createCalendar} />
</View>
);
}
async function getDefaultCalendarSource() {
const defaultCalendar = await Calendar.getDefaultCalendarAsync();
return defaultCalendar.source;
}
async function createCalendar() {
const defaultCalendarSource =
Platform.OS === 'ios'
? await getDefaultCalendarSource()
: { isLocalAccount: true, name: 'Expo Calendar' };
const newCalendarID = await Calendar.createCalendarAsync({
title: 'Expo Calendar',
color: 'blue',
entityType: Calendar.EntityTypes.EVENT,
sourceId: defaultCalendarSource.id,
source: defaultCalendarSource,
name: 'internalCalendarName',
ownerAccount: 'personal',
accessLevel: Calendar.CalendarAccessLevel.OWNER,
});
console.log(`Your new calendar ID is: ${newCalendarID}`);
}
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#fff',
alignItems: 'center',
justifyContent: 'space-around',
},
});
import * as Calendar from 'expo-calendar';
Parameter | Type | Description |
---|---|---|
eventData(optional) | Omit<Partial<Event>, 'id'> | A map of details for the event to be created. Default: {} |
presentationOptions(optional) | PresentationOptions | Configuration that influences how the calendar UI is presented. |
Launches the calendar UI provided by the OS to create a new event.
Promise<DialogEventResult>
A promise which resolves with information about the dialog result.
Parameter | Type |
---|---|
params | CalendarDialogParams |
presentationOptions(optional) | PresentationOptions |
Launches the calendar UI provided by the OS to edit or delete an event. On Android, this is the same as openEventInCalendarAsync
.
Promise<DialogEventResult>
A promise which resolves with information about the dialog result.
Deprecated Use
openEventInCalendarAsync
instead.
Parameter | Type | Description |
---|---|---|
id | string | ID of the event to open. |
Sends an intent to open the specified event in the OS Calendar app.
void
Parameter | Type |
---|---|
params | CalendarDialogParams |
presentationOptions(optional) | OpenEventPresentationOptions |
Launches the calendar UI provided by the OS to preview an event.
Promise<OpenEventDialogResult>
A promise which resolves with information about the dialog result.
Parameter | Type |
---|---|
options(optional) | PermissionHookOptions<object> |
Check or request permissions to access the calendar.
This uses both getCalendarPermissionsAsync
and requestCalendarPermissionsAsync
to interact
with the permissions.
[null | PermissionResponse, RequestPermissionMethod<PermissionResponse>, GetPermissionMethod<PermissionResponse>]
Example
const [status, requestPermission] = Calendar.useCalendarPermissions();
Parameter | Type |
---|---|
options(optional) | PermissionHookOptions<object> |
Check or request permissions to access reminders.
This uses both getRemindersPermissionsAsync
and requestRemindersPermissionsAsync
to interact
with the permissions.
[null | PermissionResponse, RequestPermissionMethod<PermissionResponse>, GetPermissionMethod<PermissionResponse>]
Example
const [status, requestPermission] = Calendar.useRemindersPermissions();
Parameter | Type | Description |
---|---|---|
eventId | string | ID of the event to add this attendee to. |
details(optional) | Partial<Attendee> | A map of details for the attendee to be created. Default: {} |
Creates a new attendee record and adds it to the specified event. Note that if eventId
specifies
a recurring event, this will add the attendee to every instance of the event.
Promise<string>
A string representing the ID of the newly created attendee record.
Parameter | Type | Description |
---|---|---|
details(optional) | Partial<Calendar> | A map of details for the calendar to be created. Default: {} |
Creates a new calendar on the device, allowing events to be added later and displayed in the OS Calendar app.
Promise<string>
A string representing the ID of the newly created calendar.
Parameter | Type | Description |
---|---|---|
calendarId | string | ID of the calendar to create this event in. |
eventData(optional) | Omit<Partial<Event>, 'id'> | A map of details for the event to be created. Default: {} |
Creates a new event on the specified calendar.
Promise<string>
A promise which fulfils with a string representing the ID of the newly created event.
Parameter | Type | Description |
---|---|---|
calendarId | null | string | ID of the calendar to create this reminder in (or |
reminder(optional) | Reminder | A map of details for the reminder to be created Default: {} |
Creates a new reminder on the specified calendar.
Promise<string>
A promise which fulfils with a string representing the ID of the newly created reminder.
Parameter | Type | Description |
---|---|---|
id | string | ID of the attendee to delete. |
Deletes an existing attendee record from the device. Use with caution.
Promise<void>
Parameter | Type | Description |
---|---|---|
id | string | ID of the calendar to delete. |
Deletes an existing calendar and all associated events/reminders/attendees from the device. Use with caution.
Promise<void>
Parameter | Type | Description |
---|---|---|
id | string | ID of the event to be deleted. |
recurringEventOptions(optional) | RecurringEventOptions | A map of options for recurring events. Default: {} |
Deletes an existing event from the device. Use with caution.
Promise<void>
Parameter | Type | Description |
---|---|---|
id | string | ID of the reminder to be deleted. |
Deletes an existing reminder from the device. Use with caution.
Promise<void>
Parameter | Type | Description |
---|---|---|
id | string | ID of the event to return attendees for. |
recurringEventOptions(optional) | RecurringEventOptions | A map of options for recurring events. Default: {} |
Gets all attendees for a given event (or instance of a recurring event).
Promise<Attendee[]>
A promise which fulfils with an array of Attendee
associated with the
specified event.
Checks user's permissions for accessing user's calendars.
Promise<PermissionResponse>
A promise that resolves to an object of type PermissionResponse
.
Parameter | Type | Description |
---|---|---|
entityType(optional) | string | iOS Only. Not required, but if defined, filters the returned calendars to
a specific entity type. Possible values are
|
Gets an array of calendar objects with details about the different calendars stored on the device.
Promise<Calendar[]>
An array of calendar objects matching the provided entity type (if provided).
Parameter | Type | Description |
---|---|---|
id | string | ID of the event to return. |
recurringEventOptions(optional) | RecurringEventOptions | A map of options for recurring events. Default: {} |
Returns a specific event selected by ID. If a specific instance of a recurring event is desired, the start date of this instance must also be provided, as instances of recurring events do not have their own unique and stable IDs on either iOS or Android.
A promise which fulfils with an Event
object matching the provided criteria, if one exists.
Parameter | Type | Description |
---|---|---|
calendarIds | string[] | Array of IDs of calendars to search for events in. |
startDate | Date | Beginning of time period to search for events in. |
endDate | Date | End of time period to search for events in. |
Returns all events in a given set of calendars over a specified time period. The filtering has
slightly different behavior per-platform - on iOS, all events that overlap at all with the
[startDate, endDate]
interval are returned, whereas on Android, only events that begin on or
after the startDate
and end on or before the endDate
will be returned.
A promise which fulfils with an array of Event
objects matching the search criteria.
Parameter | Type | Description |
---|---|---|
id | string | ID of the reminder to return. |
Parameter | Type | Description |
---|---|---|
calendarIds | (null | string)[] | Array of IDs of calendars to search for reminders in. |
status | null | ReminderStatus | One of |
startDate | Date | Beginning of time period to search for reminders in. Required if |
endDate | Date | End of time period to search for reminders in. Required if |
Returns a list of reminders matching the provided criteria. If startDate
and endDate
are defined,
returns all reminders that overlap at all with the [startDate, endDate] interval - i.e. all reminders
that end after the startDate
or begin before the endDate
.
Promise<Reminder[]>
A promise which fulfils with an array of Reminder
objects matching the search criteria.
Checks user's permissions for accessing user's reminders.
Promise<PermissionResponse>
A promise that resolves to an object of type PermissionResponse
.
Parameter | Type | Description |
---|---|---|
id | string | ID of the source to return. |
Returns whether the Calendar API is enabled on the current device. This does not check the app permissions.
Promise<boolean>
Async boolean
, indicating whether the Calendar API is available on the current device.
Currently, this resolves true
on iOS and Android only.
Asks the user to grant permissions for accessing user's calendars.
Promise<PermissionResponse>
A promise that resolves to an object of type PermissionResponse
.
Deprecated Use
requestCalendarPermissionsAsync()
instead.
Promise<PermissionResponse>
Asks the user to grant permissions for accessing user's reminders.
Promise<PermissionResponse>
A promise that resolves to an object of type PermissionResponse
.
Parameter | Type | Description |
---|---|---|
id | string | ID of the attendee record to be updated. |
details(optional) | Partial<Attendee> | A map of properties to be updated. Default: {} |
Updates an existing attendee record. To remove a property, explicitly set it to null
in details
.
Promise<string>
Parameter | Type | Description |
---|---|---|
id | string | ID of the calendar to update. |
details(optional) | Partial<Calendar> | A map of properties to be updated. Default: {} |
Updates the provided details of an existing calendar stored on the device. To remove a property,
explicitly set it to null
in details
.
Promise<string>
Parameter | Type | Description |
---|---|---|
id | string | ID of the event to be updated. |
details(optional) | Omit<Partial<Event>, 'id'> | A map of properties to be updated. Default: {} |
recurringEventOptions(optional) | RecurringEventOptions | A map of options for recurring events. Default: {} |
Updates the provided details of an existing calendar stored on the device. To remove a property,
explicitly set it to null
in details
.
Promise<string>
Parameter | Type | Description |
---|---|---|
id | string | ID of the reminder to be updated. |
details(optional) | Reminder | A map of properties to be updated. Default: {} |
Updates the provided details of an existing reminder stored on the device. To remove a property,
explicitly set it to null
in details
.
Promise<string>
An object obtained by permissions get and request functions.
Property | Type | Description |
---|---|---|
canAskAgain | boolean | Indicates if user can be asked again for specific permission. If not, one should be directed to the Settings app in order to enable/disable the permission. |
expires | PermissionExpiration | Determines time when the permission expires. |
granted | boolean | A convenience boolean that indicates if the permission is granted. |
status | PermissionStatus | Determines the status of the permission. |
A method for having the OS automatically remind the user about a calendar item.
Property | Type | Description |
---|---|---|
absoluteDate(optional) | string | Only for: iOS Date object or string representing an absolute time the alarm should occur.
Overrides |
method(optional) | AlarmMethod | Only for: Android Method of alerting the user that this alarm should use. On iOS this is always a notification. |
relativeOffset(optional) | number | Number of minutes from the |
structuredLocation(optional) | AlarmLocation | - |
Property | Type | Description |
---|---|---|
coords(optional) | {
latitude: number,
longitude: number
} | - |
proximity(optional) | string | - |
radius(optional) | number | - |
title(optional) | string | - |
A person or entity that is associated with an event by being invited or fulfilling some other role.
Property | Type | Description |
---|---|---|
email(optional) | string | Only for: Android Email address of the attendee. |
id(optional) | string | Only for: Android Internal ID that represents this attendee on the device. |
isCurrentUser(optional) | boolean | Only for: iOS Indicates whether or not this attendee is the current OS user. |
name | string | Displayed name of the attendee. |
role | AttendeeRole | Role of the attendee at the event. |
status | AttendeeStatus | Status of the attendee in relation to the event. |
type | AttendeeType | Type of the attendee. |
url(optional) | string | Only for: iOS URL for the attendee. |
A calendar record upon which events (or, on iOS, reminders) can be stored. Settings here apply to the calendar as a whole and how its events are displayed in the OS calendar app.
Property | Type | Description |
---|---|---|
accessLevel(optional) | CalendarAccessLevel | Only for: Android Level of access that the user has for the calendar. |
allowedAttendeeTypes(optional) | AttendeeType[] | Only for: Android Attendee types that this calendar supports. |
allowedAvailabilities | Availability[] | Availability types that this calendar supports. |
allowedReminders(optional) | AlarmMethod[] | Only for: Android Alarm methods that this calendar supports. |
allowsModifications | boolean | Boolean value that determines whether this calendar can be modified. |
color | string | Color used to display this calendar's events. |
entityType(optional) | EntityTypes | Only for: iOS Whether the calendar is used in the Calendar or Reminders OS app. |
id | string | Internal ID that represents this calendar on the device. |
isPrimary(optional) | boolean | Only for: Android Boolean value indicating whether this is the device's primary calendar. |
isSynced(optional) | boolean | Only for: Android Indicates whether this calendar is synced and its events stored on the device.
Unexpected behavior may occur if this is not set to |
isVisible(optional) | boolean | Only for: Android Indicates whether the OS displays events on this calendar. |
name(optional) | string | null | Only for: Android Internal system name of the calendar. |
ownerAccount(optional) | string | Only for: Android Name for the account that owns this calendar. |
source | Source | Object representing the source to be used for the calendar. |
sourceId(optional) | string | Only for: iOS ID of the source to be used for the calendar. Likely the same as the source for any other locally stored calendars. |
timeZone(optional) | string | Only for: Android Time zone for the calendar. |
title | string | Visible name of the calendar. |
type(optional) | CalendarType | Only for: iOS Type of calendar this object represents. |
Property | Type | Description |
---|---|---|
id | string | ID of the event to be presented in the calendar UI. |
instanceStartDate(optional) | string | Date | Only for: iOS Date object representing the start time of the desired instance, if looking for a single instance of a recurring event. If this is not provided and id represents a recurring event, the first instance of that event will be returned by default. |
Property | Type | Description |
---|---|---|
dayOfTheWeek | DayOfTheWeek | Sunday to Saturday - |
weekNumber(optional) | number |
|
The result of presenting a calendar dialog for creating or editing an event.
Property | Type | Description |
---|---|---|
action | Extract<CalendarDialogResultActions, 'done' | 'saved' | 'canceled' | 'deleted'> | How user responded to the dialog.
On Android, this is always On iOS, it can be |
id | string | null | The ID of the event that was created or edited. On Android, this is always On iOS, this is a string when user confirms the creation or editing of an event. Otherwise, it's |
An event record, or a single instance of a recurring event. On iOS, used in the Calendar app.
Property | Type | Description |
---|---|---|
accessLevel(optional) | EventAccessLevel | Only for: Android User's access level for the event. |
alarms | Alarm[] | Array of Alarm objects which control automated reminders to the user. |
allDay | boolean | Whether the event is displayed as an all-day event on the calendar |
availability | Availability | The availability setting for the event. |
calendarId | string | ID of the calendar that contains this event. |
creationDate(optional) | string | Date | Only for: iOS Date when the event record was created. |
endDate | string | Date | Date object or string representing the time when the event ends. |
endTimeZone(optional) | string | Only for: Android Time zone for the event end time. |
guestsCanInviteOthers(optional) | boolean | Only for: Android Whether invited guests can invite other guests. |
guestsCanModify(optional) | boolean | Only for: Android Whether invited guests can modify the details of the event. |
guestsCanSeeGuests(optional) | boolean | Only for: Android Whether invited guests can see other guests. |
id | string | Internal ID that represents this event on the device. |
instanceId(optional) | string | Only for: Android For instances of recurring events, volatile ID representing this instance. Not guaranteed to always refer to the same instance. |
isDetached(optional) | boolean | Only for: iOS Boolean value indicating whether or not the event is a detached (modified) instance of a recurring event. |
lastModifiedDate(optional) | string | Date | Only for: iOS Date when the event record was last modified. |
location | string | Location field of the event. |
notes | string | Description or notes saved with the event. |
organizer(optional) | string | Only for: iOS Organizer of the event. |
organizerEmail(optional) | string | Only for: Android Email address of the organizer of the event. |
originalId(optional) | string | Only for: Android For detached (modified) instances of recurring events, the ID of the original recurring event. |
originalStartDate(optional) | string | Date | Only for: iOS For recurring events, the start date for the first (original) instance of the event. |
recurrenceRule | RecurrenceRule | null | Object representing rules for recurring or repeating events. Set to |
startDate | string | Date | Date object or string representing the time when the event starts. |
status | EventStatus | Status of the event. |
timeZone | string | Time zone the event is scheduled in. |
title | string | Visible name of the event. |
url(optional) | string | Only for: iOS URL for the event. |
The result of presenting the calendar dialog for opening (viewing) an event.
Property | Type | Description |
---|---|---|
action | Extract<CalendarDialogResultActions, 'done' | 'canceled' | 'deleted' | 'responded'> | Indicates how user responded to the dialog.
On Android, the |
Type: PresentationOptions
extended by:
Property | Type | Description |
---|---|---|
allowsCalendarPreview(optional) | boolean | Only for: iOS Determines whether event can be shown in calendar day view preview. This property applies only to invitations. Default: false |
allowsEditing(optional) | boolean | Only for: iOS Whether to allow the user to edit the previewed event. This property applies only to events in calendars created by the user. Note that if the user edits the event, the returned action is the one that user performs last.
For example, when user previews the event, confirms some edits and finally dismisses the dialog, the event is edited, but response is Default: false |
Literal Type: multiple types
Permission expiration time. Currently, all permissions are granted permanently.
Acceptable values are: 'never'
| number
Literal Type: multiple types
Acceptable values are: PermissionHookBehavior
| Options
Property | Type | Description |
---|---|---|
startNewActivityTask(optional) | boolean | Only for: Android Whether to launch the Activity as a new task.
If Default: true |
A recurrence rule for events or reminders, allowing the same calendar item to recur multiple times. This type is based on the iOS interface which is in turn based on the iCal RFC so you can refer to those to learn more about this potentially complex interface.
Not all the combinations make sense. For example, when frequency is DAILY
, setting daysOfTheMonth
makes no sense.
Property | Type | Description |
---|---|---|
daysOfTheMonth(optional) | number[] | Only for: iOS The days of the month this event occurs on.
|
daysOfTheWeek(optional) | DaysOfTheWeek[] | Only for: iOS The days of the week the event should recur on. An array of |
daysOfTheYear(optional) | number[] | Only for: iOS The days of the year this event occurs on.
|
endDate(optional) | string | Date | Date on which the calendar item should stop recurring; overrides |
frequency | Frequency | How often the calendar item should recur. |
interval(optional) | number | Interval at which the calendar item should recur. For example, an Default: 1 |
monthsOfTheYear(optional) | MonthOfTheYear[] | Only for: iOS The months this event occurs on.
This field is only valid for |
occurrence(optional) | number | Number of times the calendar item should recur before stopping. |
setPositions(optional) | number[] | Only for: iOS TAn array of numbers that filters which recurrences to include. For example, for an event that
recurs every Monday, passing 2 here will make it recur every other Monday.
|
weeksOfTheYear(optional) | number[] | Only for: iOS The weeks of the year this event occurs on.
|
Property | Type | Description |
---|---|---|
futureEvents(optional) | boolean | Whether future events in the recurring series should also be updated. If |
instanceStartDate(optional) | string | Date | Date object representing the start time of the desired instance, if looking for a single instance of a recurring event. If this is not provided and id represents a recurring event, the first instance of that event will be returned by default. |
A reminder record, used in the iOS Reminders app. No direct analog on Android.
Property | Type | Description |
---|---|---|
alarms(optional) | Alarm[] | Array of Alarm objects which control automated alarms to the user about the task. |
calendarId(optional) | string | ID of the calendar that contains this reminder. |
completed(optional) | boolean | Indicates whether or not the task has been completed. |
completionDate(optional) | string | Date | Date object or string representing the date of completion, if |
creationDate(optional) | string | Date | Date when the reminder record was created. |
dueDate(optional) | string | Date | Date object or string representing the time when the reminder task is due. |
id(optional) | string | Internal ID that represents this reminder on the device. |
lastModifiedDate(optional) | string | Date | Date when the reminder record was last modified. |
location(optional) | string | Location field of the reminder |
notes(optional) | string | Description or notes saved with the reminder. |
recurrenceRule(optional) | RecurrenceRule | null | Object representing rules for recurring or repeated reminders. |
startDate(optional) | string | Date | Date object or string representing the start date of the reminder task. |
timeZone(optional) | string | Time zone the reminder is scheduled in. |
title(optional) | string | Visible name of the reminder. |
url(optional) | string | URL for the reminder. |
A source account that owns a particular calendar. Expo apps will typically not need to interact with Source
objects.
Property | Type | Description |
---|---|---|
id(optional) | string | Only for: iOS Internal ID that represents this source on the device. |
isLocalAccount(optional) | boolean | Only for: Android Whether this source is the local phone account. Must be |
name | string | Name for the account that owns this calendar and was used to sync the calendar to the device. |
type | string | SourceType | Type of the account that owns this calendar and was used to sync it to the device.
If |
Enum containing all possible user responses to the calendar UI dialogs. Depending on what dialog is presented, a subset of the values applies.
CalendarDialogResultActions.canceled = "canceled"
The user canceled or dismissed the dialog.
CalendarDialogResultActions.done = "done"
On Android, this is the only possible result because the OS doesn't provide enough information to determine the user's action - the user may have canceled the dialog, modified the event, or deleted it.
On iOS, this means the user simply closed the dialog.
CalendarDialogResultActions.responded = "responded"
The user responded to and saved a pending event invitation.
platform ios
If you only intend to use the system-provided calendar UI, you don't need to request any permissions.
Otherwise, you must add the following permissions to your app.json inside the expo.android.permissions
array.
Android Permission | Description |
---|---|
Allows an application to read the user's calendar data. | |
Allows an application to write the user's calendar data. |
The following usage description keys are used by this library: