nylas-connected-calendars

Overview

The nylas-connected-calendars component is a form input for selecting calendars to check availability for participants.

Version	`2.0.4`
Install (React)	`npm install @nylas/react`
Import (React)	`import { NylasConnectedCalendars } from '@nylas/react';`
Import (CDN)	You do not need to individually import the component, just import the parent component either `nylas-scheduling` or `nylas-scheduler-editor`.

Example

Properties

Property	Attribute	Description	Type	Default
`name`		The name of the participants custom availability.	`string`	`'connected-calendars'`
`selectedLanguage`		The selected language.	`LANGUAGE_CODE.de \| LANGUAGE_CODE.en \| LANGUAGE_CODE.es \| LANGUAGE_CODE.fr \| LANGUAGE_CODE.ja \| LANGUAGE_CODE.ko \| LANGUAGE_CODE.nl \| LANGUAGE_CODE.sv \| LANGUAGE_CODE.zh \| undefined`	`undefined`

Standalone Props

ⓘ NOTE: The following props are automatically configured when used within nylas-scheduler-editor. Set these props manually only if you’re using the component independently.

Property	Description	Type	Default
`calendars`	The calendars to choose from for the organizer / logged in user.	`Calendar[] \| undefined`	`undefined`
`participantOptions`	The participant options passed in the additionalParticipants prop from the nylas-scheduler-editor component.	`AdditionalParticipant[] \| undefined`	`undefined`
`participants`	The participants selected in the add participants section.	`Participant[]`	`this.selectedConfiguration?.participants
`selectedConfiguration`	The selected config	`Configuration \| undefined`	`undefined`

Events

Event	Description	Type
`valueChanged`	This event is fired when the participants custom availability changes.	`CustomEvent<{ value: string; name: string; }>`

Shadow Parts

Part	Description
`"nccals"`	The connected calendars host.
`"nccals__container"`	The container.
`"nccals__content"`	The content.
`"nccals__header"`	The header.
`"nccals__title"`	The title.
`"nccals__toggle-container"`	The toggle container.

Built with StencilJS