nylas-selected-event-card

Overview

The nylas-selected-event-card component is a UI component that displays the selected event card.

Version	`1.3.6`
Install (React)	`npm install @nylas/react`
Import (React)	`import { NylasSelectedEventCard } 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	Description	Type	Default
`hour12`	The 12-hour time format.	`boolean \| undefined`	`undefined`
`selectedDate`	The selected date.	`Date \| undefined`	`undefined`
`selectedLanguage`	The selected language.	`string \| undefined`	`undefined`
`selectedTimeslot`	The selected time.	`undefined \| { start_time: Date; end_time: Date; emails?: string[] \| undefined; capacity?: number \| undefined; event_id?: string \| undefined; master_id?: string \| undefined; calendar_id?: string \| undefined; }`	`undefined`
`selectedTimezone`	The selected timezone.	`string`	`Intl.DateTimeFormat().resolvedOptions().timeZone`

Standalone Props

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

Property	Attribute	Description	Type	Default
`themeConfig`		The theme configuration.	`any`	`undefined`

Shadow Parts

Part	Description
`"nsec"`	The selected event card component.
`"nsec__card"`	The card component.
`"nsec__date"`	The date selected.
`"nsec__icon"`	The calendar icon.
`"nsec__time"`	The timeslot selected.
`"nsec__timezone"`	The timezone selected.

Built with StencilJS