# Calendar - Reduce for visibility
**URL:** https://community.glideapps.com/t/calendar-reduce-for-visibility/86545
**Category:** Ask for Help
**Created:** [March 3, 2026, 7:50am UTC](https://community.glideapps.com/t/calendar-reduce-for-visibility/86545 "2026-03-03T07:50:24Z")
**Posts on this page:** 2
**Page:** 1
### Author:  [@Julien](https://community.glideapps.com/u/Julien)
#### Post date: [March 3, 2026, 7:50am UTC](https://community.glideapps.com/t/calendar-reduce-for-visibility/86545/1 "2026-03-03T07:50:24Z")
Hello,
Working on a Calendar component. I’m wondering if there is a possibility to reduce the hours of day and day of the week displayed? It will ease readability and avoid scrolling down.
Aim is to display only working hours (ie: 8am to 6pm) and working days (Monday to Friday).
Thanks for the help.
---
### Author:  [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [March 4, 2026, 12:19am UTC](https://community.glideapps.com/t/calendar-reduce-for-visibility/86545/2 "2026-03-04T00:19:30Z")
Please check this implementation with CSS.
> [@Customize time slots in the calendar component](https://community.glideapps.com/t/customize-time-slots-in-the-calendar-component/73302/4):
>
> This HTML structure has events outside the time container, where the height position is calculated by JavaScript and will vary depending on the number of events. The maximum achievement that can be achieved is to maintain the existing space through visibility: hidden. Using display: none will change the calculation of the event’s position. .task-Calendar .rbc-time-gutter.rbc-time-column \> div:nth-child(-n+8), .task-Calendar .rbc-day-slot.rbc-time-column \> div:nth-child(-n+8){ visibility: hidde…