Grouping List using sorter in HTML

Hi Friends,

Can anyone please share me how to do List grouping in HTML view. I have requirement of grouping Master view list according to date.

I have created my list as below in Screen.view.html

<div id="MSX-CUST_LIST" data-sap-ui-type="sap.m.List"

  data-growing="true" data-type="sap.m.ListType.Navigation"

  data-no-data-text="NO Customers" data-show-no-data="true"

  data-select="handleCustListSelect" data-mode="SingleSelectMaster"

  data-show-seperators="sap.m.ListSeparators.Inner"

  data-items="{cus_details>/d/results}">

  <div data-sap-ui-aggregation="items">

  <div data-sap-ui-type="sap.m.ObjectListItem" data-title=""

  data-number="{cus_details>Customerno}" data-number-unit="">

  <div data-sap-ui-aggregation="attributes">

  <div data-sap-ui-type="sap.m.ObjectAttribute"

  data-text="{cus_details>Customername}" data-index="1"></div>

  <div data-sap-ui-type="sap.m.ObjectAttribute"

  data-text="{cus_details>Street}, {cus_details>City}, {cus_details>PostlCod1}, {cus_details>Countrykey}"

  data-index="2"></div>

  </div>

  </div>

  </div>

  </div>

Can anyone please tell me how to add sorter to this list?

Thanks in Advance

Regards

Moulika