<template id="meeting-countdown">
  <div >{{`${days}d ${hours}h ${minutes}m ${seconds}s`}}</div>
</template>
<div id="app">
  <fieldset>
    <legend>Start Date Time</legend>
    <input type="date" v-model="startDate" >
    <input type="time" v-model="startTime">
  </fieldset>

  <fieldset>
    <legend>End Date Time</legend>
    <input type="date" v-model="endDate">
    <input type="time" v-model="endTime">

  </fieldset>
  <div>
    Loop? <input v-model="loop" type="checkbox">
  </div>
  <button @click="onSubmit">submit</button>
  <meeting-countdown v-for="meeting in meetings" v-if="meeting.startDate && meeting.endDate" :loop="meeting.loop" :start-date="`${meeting.startDate}`" :end-date="`${meeting.endDate}`" />
</div>