daily.html

<!-- The homepage template -->
<template name="Daily">
  <div id="title">
    <h1>Add Tasks</h1>
  </div>
  <div class="container">
    {{#if currentUser}}
      {{> inputForm}}
    {{else}}
      <form class="new-task" autocomplete="off">
        <input type="text" name="text" placeholder="Please Sign in" disabled>
      </form>
    {{/if}}
    <ul>
      {{#each tasks}}
        {{> task}}
      {{/each}}
    </ul>
  </div> 
</template>

<!-- Template that displays all your tasks -->
<template name="task">
  <li class="{{#if checked}}checked{{/if}}">
    <button class="delete">&times;</button>
    <input type="checkbox" checked="{{checked}}" class="toggle-checked">
    <span class="text">{{text}}</span>
  </li>
</template>

<!-- The input form used to input a task -->
<template name="inputForm">
  <form class="new-task" autocomplete="off">
    <input id="taskText" type="text" name="text" placeholder="Type to add new tasks">
    <input type="text" id="datepicker" name="date">
    <img id="dateButton" src="/img/datepicker.png">
  </form>
</template>