super-productivity/app-src/scripts/dialogs/task-selection/task-selection-c.html

<md-dialog aria-label="Time estimation dialog"
           class="dialog-task-selection"
           md-theme="vm.theme">
  <form ng-submit="vm.submit()">

    <md-dialog-content>
      <div class="md-dialog-content">

        <p>Select the task you want to work on next or just press enter to work on</p><p>
        <strong ng-bind="vm.undoneTasks[0].title"></strong></p>

        <md-autocomplete
          md-selected-item="vm.selectedTask"
          md-search-text="vm.searchText"
          md-items="task in vm.undoneTasks"
          md-item-text="task.title"
          md-min-length="0"
          md-autofocus
          placeholder="Select a task to start with">
          <md-item-template>
          <span md-highlight-text="vm.searchText"
                md-highlight-flags="^i">{{ task.title }}</span>
          </md-item-template>
          <md-not-found>
            No states matching "<span ng-bind="vm.searchText"></span>" were found.
            <a ng-click="vm.newState(vm.searchText)">Create a new one!</a>
          </md-not-found>
        </md-autocomplete>
      </div>
    </md-dialog-content>

    <md-dialog-actions>
      <md-button type="submit"
                 class="md-primary md-raised">
        Go go go!
      </md-button>
    </md-dialog-actions>
  </form>
</md-dialog>