UI Organisms

<div class="amui-o-date-navigation amui-g-grid row">
  <div class="amui-g-grid__item col-xs-4 is--pull">
    <button type="button" class="amui-a-btn is--default is--sm is--icon-only">
      <span class="sr-only">Precédent</span>
      <i class="material-icons md-24">navigate_before</i>
    </button>
  </div>
  <div class="amui-g-grid__item col-xs-4">
    <div class="amui-m-btn-dropdown btn-group">
      <button type="button" id="dropdownMenu1" class="amui-a-btn is--hollow btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        Mars 2018 <span class="caret"></span>
      </button>
      <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
        <li><a href="#">Février 2018</a></li>
        <li><a href="#">Janvier 2018</a></li>
      </ul>
    </div>
  </div>
  <div class="amui-g-grid__item col-xs-4 is--push">
    <button type="button" class="amui-a-btn is--default is--sm is--icon-only">
      <i class="material-icons md-24">navigate_next</i>
      <span class="sr-only">Suivant</span>
    </button>
  </div>
</div>