<ion-view view-title="Schedule">

  <ion-header-bar class="bar-light">
      <a class="button button-icon icon"></a>
      <p id='header-title'>June 28th </p>
      <a href="#/form" class="button icon ion-plus"></a>
    </ion-header-bar>

  <ion-content padding="true">
    <ion-refresher
        pulling-text="Pull to refresh..."
        on-refresh="doRefresh()">
    </ion-refresher>
    <!-- <img id='calendar' ng-src="img/cal.png" alt="Calendar" /> -->
    <div class="appointments">
      <h4 style="text-align: center; color: #50D2C2">Appointments</h4>
      <div class="events" ng-repeat="a in appointments | orderBy:'date'">
              <a class="item slot" href="#" ng-style="">
                <div class="all-info">
                  <div class="app-title">
                    <p>Meeting with</p>
                    <p id='biz-name'>{{a.name}}</p>
                  </div>
                  <div class="app-info">
                    <i class="ion-ios-clock-outline"></i><div class='date-info'>{{a.date}} {{a.time}} {{a.zone}}</div>
                  </div>
                </div>
                <div class="biz-logo">
                  <img ng-src="img/biz-icons/{{a.img_p}}" alt="" />
                </div>
              </a>
       </div>
    </div>
  </ion-content>
</ion-view>

<ion-view view-title="Schedule">

  <ion-header-bar class="bar-light">
      <a class="button button-icon icon"></a>
      <p id='header-title'>June 28th </p>
      <a href="#/form" class="button icon ion-plus"></a>
    </ion-header-bar>

  <ion-content padding="true">
    <ion-refresher
        pulling-text="Pull to refresh..."
        on-refresh="doRefresh()">
    </ion-refresher>
    <!-- <img id='calendar' ng-src="img/cal.png" alt="Calendar" /> -->
    <div class="appointments">
      <h4 style="text-align: center; color: #50D2C2">Appointments</h4>
      <div class="events" ng-repeat="a in appointments | orderBy:'-date'">
              <a class="item slot" href="#" ng-style="">
                <div class="all-info">
                  <div class="app-title">
                    <p>Meeting with</p>
                    <p id='biz-name'>{{a.name}}</p>
                  </div>
                  <div class="app-info">
                    <i class="ion-ios-clock-outline"></i><div class='date-info'>{{a.date}} {{a.time}} {{a.zone}}</div>
                  </div>
                </div>
                <div class="biz-logo">
                  <img ng-src="img/biz-icons/{{a.img_p}}" alt="" />
                </div>
              </a>
       </div>
    </div>
  </ion-content>
</ion-view>

Order appointments by date in asending order
Order appointments by date in asending order
