# Glide Calendar collection - custom timeframe

**URL:** https://community.glideapps.com/t/glide-calendar-collection-custom-timeframe/75146
**Category:** Ask for Help
**Created:** [July 24, 2024, 7:51pm UTC](https://community.glideapps.com/t/glide-calendar-collection-custom-timeframe/75146 "2024-07-24T19:51:50Z")
**Posts on this page:** 1
**Showing post:** 2

<div class="post-metadata">

### Author: ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [July 24, 2024, 11:58pm UTC](https://community.glideapps.com/t/glide-calendar-collection-custom-timeframe/75146/2 "2024-07-24T23:58:08Z")

</div>

There was a discussion in this thread.

> [@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…

---

_[View the full topic](https://community.glideapps.com/t/glide-calendar-collection-custom-timeframe/75146)._