How to customize step value and lableThumb in md slider in Angular2?

what i am trying to achieve

I am using angular 2 Md slider in component. I want to create a time picker using MD slider.

Question

the problem is the number of steps per 100, but I want 60. for example 9.60 the range select value is 10. but now I got 9.01 - 9.99. after .

i want max 60. How can i achieve this?

Also, I want to customize the slider label shortcut. possibly? thanks in advance.

html code

<md-slider class="example-margin" style="width: 300px;"
                               [disabled]="disabled"
                               [invert]="invert"
                               [max]="max"
                               [min]="min"
                               [step]="step"
                               [thumb-label]="thumbLabel"
                               [tick-interval]="tickInterval"
                               [value]="value"
                               [vertical]="vertical"></md-slider>