<section class="heading b-b">
  <div class="row no-gutter">
    <div class="col-xs-2 col-sm-2 col-md-1">
      <section class="heading-btn">
        <a href="#" ng-click="backPrevLocation($event)"><i class="fas fa-long-arrow-alt-left "></i></a>
      </section>
    </div>
    <div class="col-xs-10 col-sm-10 col-md-8 b-l b-r-md hide-b-r-lg">
      <section class="heading-title">
        <h1 translate>{{ 'app.public.calendar.calendar' }}</h1>
      </section>
    </div>

    <div class="col-xs-12 col-sm-12 col-md-3 b-t hide-b-md hidden-lg">
      <div class="heading-actions wrapper">
        <button type="button" class="btn btn-default m-t m-b" ng-click="openFilterAside()">
          <span class="fa fa-filter"></span> {{ 'app.public.calendar.filter_calendar' | translate }}
        </button>
      </div>
    </div>

  </div>
</section>


<section class="row no-gutter">
  <div class="hidden-lg">
    <div class="row">
      <div class="col-sm-12 col-md-12">
      </div>
    </div>
  </div>

  <div class="col-sm-12 col-md-12 col-lg-9">
    <div ui-calendar="calendarConfig" ng-model="eventSources" calendar="calendar" class="wrapper-lg public-calendar"></div>
  </div>

  <div class="col-lg-3 hidden-md hidden-sm hidden-xs">
    <div class="widget panel b-a m m-t-lg">
      <div class="panel-heading b-b small">
        <h3 translate>{{ 'app.public.calendar.filter_calendar' }}</h3>
      </div>
      <div class="widget-content no-bg auto wrapper calendar-filter">
        <ng-include src="'/calendar/filter.html'"></ng-include>
      </div>
    </div>
  </div>

</section>