How to use Data range to sort data from table using angularJ

Question

Hello Team,

I am trying to sort data in my table from starting date to the end date and any time the date rang is  selectd it should display the following on the HTML Page

Product quantity, subTotal, DiscountTotal, VatTotal, and Total below the data table.

 

HTML PAGE
<div class="form-group  col-md-6">

   <div class="col-xs-8">
 <div class="form-group col-md-8">
  <input style="font-size:20px" disabled type="text" class="form-control"
 id="exampleInputUser" aria-describedby="emailHelp"
  ng-change="{{TotalAmount}}">
    </div>
    </div>
  </div>

 <div class="col-sm-8">
                                    <div class="float-right" ng-if="sDate && eDate">
                                        <div class="col-xs-8 text-right pull-right invoice-total">
                                            <p>Quantity : {{totalQty}}</p>
                                            <p>Subtotal : Ghc{{subTotal}}</p>
                                            <p>Discount (%) : Ghc{{DiscountTotal}} </p>
                                            <p>VAT (%) : Ghc{{VatTotal}} </p>
                                            <p>Total : Ghc{{Total}} </p>
                                        </div>
                                    </div>
                                </div>