Angularjs filter the dropdown options based on selected value

I’ve two drop-downs one for selecting the opening hours and another one for Selecting closing hours.

Plunker

I’m creating the options of both dropdowns with:

$scope.availableTimes = [];
  $scope.availableTimes.push({
    'msValue': 0,
    'display': '12:00 Morning'
  });
  for (var msValue = 900000; msValue <= 85500000; msValue += 900000) { // 90.000ms = 15 min, 85.500.000ms = 11:45PM
    $scope.availableTimes.push({
      'msValue': msValue,
      'display': moment(msValue).utc().format("h:mm A")
    })
  }
  var dayMS = 86400000 - 1;
  $scope.availableTimes.push({
    'msValue': dayMS,
    'display': '12:00 Midnight'
  });

HTML

<div class="col-md-6">
      <div class="form-group">
        <label for="exampleFormControlSelect1">Opening </label>
        <select class="form-control" data-ng-options="time.display for time in availableTimes" data-ng-model="selectedFromTime">
        </select>
      </div>
    </div>
    <div class="col-md-6">
      <div class="form-group">
        <label for="exampleFormControlSelect1">Closing</label>
         <select class="form-control" data-ng-options="time.display for time in availableTimes" data-ng-model="selectedToTime">
        </select>
      </div>
    </div>

Currently, both Select options have the list of times from 12:00 Midnight – 12: 00 Morning with 15 mins interval (12:15 am,12:30 am, 12:45 am ….. etc)

But how I can sort the Closing hours select drop-down options so that it starts with the value that is 15 min greater than Opening hours.

Example:

If Opening hours selected as 9:00 am
The closing hours dropdown list will be,

9:15 am
9:30 am
9:45 am
……
……
12:00 Midnight
…….
8:45 am

I’m still not good with angular directives so not sure can this be done completely with directives or any other way to sort the list.
Any help will be appreciated.

Source: AngularJS