DateTime

Timeline card with two states for selecting a date + a time.

The parameters for DateTime are:

Name Type Default Values Description
format string - ‘ddd D YYYY h’, ‘YY DD MM’,etc For full reference of the supported formats : https://day.js.org/docs/en/display/format

If the available times will change based on what date is selected, its better to use the calendar card by itself first to get the day the user wants, then a BaaS, followed by a Dropdown Card with the available days.

DateTime with the date stage selected

<!-- Select date with calendar stage selected -->
 <TimelineMessage>
   <DateTime title="When would you like to set it?" stage="start" dateTime="1562112000000" maxDate="1562457600000" minDate="1562112000000" />
 </TimelineMessage>

DateTime on the time stage selected

<TimelineMessage>
  <DateTime title="When would you like to set it?" stage="confirmation" dateTime="1557246600000" timeFormat="12h"/>
</TimelineMessage>