Is there a way to limit the hours displayed on calendar's layout?

Is there a way to configure the Calendar component so that it only shows specific working hours of the day? In my case, the app is for a gym, and sessions only happen between certain hours (e.g. 08:00–23:00). Right now, the Calendar displays the full 24 hours, which means the night-time (00:00–07:00) takes up unnecessary space. Users have to scroll down every time to see the actual hours where bookings are available. Is there a way to hide or limit the display to just the relevant hours?

Please check this implementation with CSS.