How to display properly time on client? : <p>I send TimeSpan object called time from back-end to front-end.</p>

<p>Here how the type looks in back-end:</p>

<p><a href="https://i.stack.imgur.com/8Si0z.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8Si0z.png" alt="enter image description here"></a></p>

<p>I have this type on client side:</p>

<p><a href="https://i.stack.imgur.com/HL1Zh.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/HL1Zh.png" alt="enter image description here"></a></p>

<p>I need to display time variable only hours:minutes:seconds.</p>

<p>How can I convert the type above(i.e. time) to format above? </p>
