Round range slider

Ionic Framework ionic-v3
1

Hi, I want to add a circular range slider which updates it value on click and slider in ionic 3. Can anyone tell what should i use?
Thanks

2

Html

 <ion-row>
   <ion-item padding-left padding-right>
     <ion-label color="primary" stacked> Quantas pessoas iram no seu automovel?(Contando com voce) </ion-label>
     <ion-range min="1" max="6" name="people" [(ngModel)]="people" color="secondary">
         <ion-label range-left>{{ people }}</ion-label>
         <ion-icon range-right name="people" color="blue-purple"></ion-icon>
         <ion-label range-right>6</ion-label>
    </ion-range>
   </ion-item>
</ion-row>

Ts

export class HomePage {
  people:number = 1;
  constructor(public navCtrl: NavController) {}
}

Result

com-video-to-gif