Scheduler.mdx

route	menu
/components/scheduler	Components

import { Playground, Props } from 'docz'; import { Scheduler } from './Scheduler.tsx'; import { Text } from './Text.tsx'; import { Button } from './Button.tsx';

Scheduler

Datetime picker with availability using iCal.

Properties

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

Reserve `} />

Full Day

Book `} />

With ICal availability URL

Notice Dec 25 and Dec 26 are removed from the dates

Reserve `} />