tools.html

<div class="input-row">
  <a href="#" class="button tool">Go to today</a> 
</div>

<div class="input-row white">
  <div class="slider" data-bind="jqueryuiSlider: {}"></div>
</div>

<div class="input-row">
  <div class="datepicker-input">
    <input type="text" data-bind="jqueryuiDatepickerSingle: {}">
  </div>
</div>

<div class="input-row">
  <div class="dropdown-wrapper">
    <a href="#" class="has-dropdown" data-bind="dropdown: {}" aria-haspopup="true" tabindex="0" value="0">DAL</a>
    <div class="dropdown">
      <div class="options">
        <div role="menuitem" tabindex="-1"><a href="#" data-bind="click: function() { }">1</a></div>
        <div role="menuitem" tabindex="-1"><a href="#" data-bind="click: function() { }">2</a></div>
        <div role="menuitem" tabindex="-1"><a href="#" data-bind="click: function() { }">3</a></div>
        <div role="menuitem" tabindex="-1"><a href="#" data-bind="click: function() { }">4</a></div>
        <div role="menuitem" tabindex="-1"><a href="#" data-bind="click: function() { }">5</a></div>
        <div role="menuitem" tabindex="-1"><a href="#" data-bind="click: function() { }">6</a></div>
      </div>
    </div>
  </div>
</div>  <!-- input row  -->

<div class="input-row">
  <div class="dropdown-wrapper">
    <input type="text" class="ui-autocomplete-input" data-bind="jqueryuiAutocomplete: {}">
  </div>
</div>

<div class="input-row">
  <a href="#" class="button tool">
    <i class="icon icon-refresh"></i>
  </a>
</div>

<div class="input-row">
  <a href="#" class="button tool">
    <i class="icon icon-home"></i>
  </a>
</div>