<script>
  import DatePicker  from "svelte-touch-datepicker";
  let date = new Date();
  $: _date = date.toLocaleDateString("en-US");
</script>
<style>
  .container{
    height: 100%;
    width: 100%;
  }
  .center {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font: 20px 'Roboto', sans-serif;
  }
</style>
<div class="container" >
  <div class="center">
    <p>Date: {_date}</p>
    <DatePicker bind:date />
  </div>
</div>

<script>
  function callback(event) {
    // you will find the `date` object in event.detail
  }
</script>
<DatePicker
  on:dateChange={callback}
  on:confirmDate={callback2}
/>