Scheduler "show business hours" leaves big space down below

Hi Vessy, please check this fork https://stackblitz.com/edit/react-wjwdnv?file=app%2Fmain.tsx

I found if you delete the timezone from <Scheduler>, you could see this issue

Hi, Yiheng, I am still not able to replicate the issue - the behavior at my end is the same both before and after deleting the `timezone` prop. I also tried setting the `Asia/Shanghai` timezone esplicitly via the `kendo-date-math library`, but the behvaior was the same:

• https://www.telerik.com/kendo-react-ui/components/scheduler/timezones/#toc-fixed-timezones

You can see the sample from my test here:

• https://stackblitz.com/edit/react-wjwdnv-dtd8nv?file=app%2Fmain.tsx

Hi Vessy, I think I found the reason, the big blank is caused by the current time indicator, and that explained why it works fine in the daytime.

Hello, Yiheng,

Vessy is currently out of the office and I will handle the ticket. Apologies for the delayed response.

I tested the following example after I changed the timezone of my machine to Asia/Shanghai timezone, however, I was not able to reproduce the mentioned issue:

https://stackblitz.com/edit/react-wjwdnv-rhaf5r?file=app/main.tsx

Can you verify if this is the correct setup of the component to test and in case it is not provide a reproducible example so that I can test again?

Regards,
Filip

Hello Filip, thanks for your reply.

The timezone doesn't matter, you could delete that attribute. 

Please change your system time to the evening such as 20:00 and reload the demo. 

Click "Show full day" and then click "Show business hours", then you would see the big blank at the bottom.

The reason is that the current time indicator has a "top" attribute, it becomes a very large value in the evening, which expands the height of its container. So the solution could be deleting that "top" attribute when clicking "Show business hours".