MML React
ReadmeMML
Components
Add to calendarButtonButton listCarouselCarousel itemColIconImageInputMdNumberRowSchedulerPropertiesMML stringBasic usageFull DayWith ICal availability URLText
Utility Components

Scheduler

Datetime picker with availability using iCal.

Properties

name
string
required
selected
string | undefined
dateInterval
number | undefined
1
timeInterval
number | undefined
30
dateFormat
string | undefined
ddd MMM DD
timeFormat
string | undefined
hh:mm A
duration
number | undefined
30
icalAvailability
string | undefined
fullDay
boolean | undefined

MML string

<mml name="massage">
<scheduler name="appointment" duration="30" interval="30" selected="2020-11-16T10:30:00.000Z"/>
<button name="action" value="reserve">Reserve</button>
</mml>

Basic usage

MrLahey | Service
Hi Ricky. I am Mr. Lahey’s messaging assistant
So, what can I help you with?
17:27 pm
ML
date_rangeScheduler
 
 

Full Day

MrLahey | Service
Hi Ricky. I am Mr. Lahey’s messaging assistant
So, what can I help you with?
17:27 pm
ML
date_rangeScheduler
 

With ICal availability URL

Notice Dec 25 and Dec 26 are removed from the dates

MrLahey | Service
Hi Ricky. I am Mr. Lahey’s messaging assistant
So, what can I help you with?
17:27 pm
ML
date_rangeScheduler