Я использую ионный каркас v1 с angularjs 1x в гибридном приложении.Новое в ионных рамках.Мне нужно создать таймер обратного отсчета, как показано на этом изображении:

Я пытался использовать ion-list и ion-item, но он не выглядиткак в дизайне.Может кто-нибудь подсказать мне, как это сделать?
<ion-content class="countTimer timerHrs" >
<ion-list>
<ion-item collection-repeat="hrs in timerHours" ng-model="timehrs" ng-change="getTimerValue(timehrs);">
{{hrs}}
</ion-item>
</ion-list>
</ion-content>
<ion-content class="countTimer timerSecs">
<ion-list>
<ion-item collection-repeat="mins in timerMins">
{{mins}}
</ion-item>
</ion-list>
</ion-content>
Это приложение используется в iOS и Android.