nylas-date-picker

Overview

The nylas-date-picker component is a UI component that allows users to select a date.

Version	1.1.0-canary.14
Install (React)	npm install @nylas/react
Import (React)	import { NylasDatePicker } from '@nylas/react';

Example

Properties

Property	Attribute	Description	Type	Default
configSettings	—	The config settings.	undefined | { scheduler: { available_days_in_future: number; min_cancellation_notice: number; min_booking_notice: number; cancellation_policy: string; }; organizer: { name: string; email: string; }; }	undefined
eventDuration	event-duration	The event duration.	number | undefined	undefined
isLoading	is-loading	The loading state.	boolean | undefined	undefined
selectableDates	—	The dates that are selectable.	Date[] | undefined	undefined
selectedDate	—	The selected date.	Date | undefined	undefined

Events

Event	Description	Type
dateSelected	This event is fired when a date is selected.	CustomEvent<Date>
monthChanged	This event is fired when the month is changed.	CustomEvent<Date>

Shadow Parts

Part	Description
"'ndp__title"
"ndp"	The date picker host.
"ndp__date"	The date.
"ndp__date--current-day"	The current day.
"ndp__date--current-month"	The dates in the current month.
"ndp__date--selected"	The selected date.
"ndp__day"	The day.
"ndp__month-button"	The month button.
"ndp__month-header"	The month header.

---

Built with StencilJS