nylas-availability-picker
Overview
The nylas-availability-picker component is a form input for selecting availability (open hours).
| Version | 1.1.0-canary.14 |
| Install (React) | npm install @nylas/react |
| Import (React) | import { NylasAvailabilityPicker } from '@nylas/react'; |
Example
Properties
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
defaultTimezone | default-timezone | string | Intl.DateTimeFormat().resolvedOptions().timeZone | |
name | name | The name of the availability picker. | string | 'availability' |
openHours | — | The open hours to display. | OpenHours[] | undefined | undefined |
selectedConfiguration | — | The selected configuration. | Configuration | undefined | undefined |
Events
| Event | Description | Type |
|---|---|---|
valueChanged | This event is fired when the selected availability / open hours change. | CustomEvent<{ value: { openHours: OpenHours[]; timezone: string; }; name: string; }> |
Shadow Parts
| Part | Description |
|---|---|
"nap__add-time-range" | The add time range button |
"nap__availability" | The availability container |
"nap__day" | The day container |
"nap__header" | The header of the availability picker |
"nap__select-timezone" | The timezone selection container |
"nap__select-timezone-button" | The timezone selection button |
"nap__select-timezone-dropdown-content" | The timezone selection dropdown content |
"nap__time-picker-container" | The time picker container |
"nap__time-picker-input" | The time picker input |
"nap__time-picker-times" | The time picker times |
"nap__time-range" | The time range container |
"nap__time-ranges" | The time ranges container |
Built with StencilJS