Using daysInHours but hours won't go over 24

[Lukereonal]

Hey I tried to show countdown for approx 2 days like this for example 42:50:31 but seems like the hours part can only show it to 24 so if the hours value go past 24 it will fill days value

is this expected? since props daysInHours supposed to count days as hours

[ndresx]

Hi @Lukereonal, it seems to be working in the sandbox (https://codesandbox.io/s/flamboyant-dirac-vquv9). What props are you passing in?

[xi1570-krupeshanadkat]

Nope, it isnt working for me :(

<Countdown date={new Date(1602588600000)} daysInHours renderer={MiddleComp} />,

it shows 3 days 6 hours ...

[xi1570-krupeshanadkat]

Hi @Lukereonal, it seems to be working in the sandbox (https://codesandbox.io/s/flamboyant-dirac-vquv9). What props are you passing in?

@ndresx here is the sandbox link where it shows its not working : https://codesandbox.io/s/react-countdown-days-to-hours-wguzf?file=/src/index.js

I saw your link too.. in your case there is no renderer, i guess that is causing the issue?

[ndresx]

Hi @xi1570-krupeshanadkat, thanks for bringing this up again. I've checked your example and the problem is that not the formatted object (which is also part of the renderer function props) values are used, but the "raw" ones that basically ignore all formatting options.

Here the working example:
https://codesandbox.io/s/react-countdown-days-to-hours-forked-6lcku?file=/src/App.js

Although it's briefly mentioned in the docs, it's not part of the props' representation there yet, thanks again!

[xi1570-krupeshanadkat]

I see, I was missing the formatted object wrapping. Really appreciate your quick response with solution. Thanks for helping out :)