Hey team, I’m wondering if you know any possibility to automatically hide the time from 12AM to 9AM, and after 8PM. Right now the calendar is not very readable because it’s on a full day timeframe (see attached) [Screenshot 2024-07-24 at 21.48.43]

There was a discussion in this thread. [image] Customize time slots in the calendar component Ask for Help 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…

Hey ThingDinh, thanks but I’ve already tried this solution and I get basically this which is not optimal : [Screenshot 2024-07-25 at 09.57.07]

Sorry, then we don’t have a way to do it better as of now. I wonder if the new custom component can help you with that. It’s a long shot. [image] new Custom Component (AI Generated) Announcements We’ve created a preview of a new Custom Component. Take a look at this demo, try it for yourself, and share what you’ve built here!

Glide Calendar collection - custom timeframe

Ask for Help

ThinhDinh July 24, 2024, 11:58pm 2

There was a discussion in this thread.

Topic		Replies	Views
Customize time slots in the calendar component Ask for Help custom-css	3	414	May 13, 2024
Is there a way to limit the hours displayed on calendar's layout? Ask for Help	1	61	September 1, 2025
Customize the calendar by CSS In Pages Ask for Help	0	286	September 23, 2022
Calendar - Reduce for visibility Ask for Help	1	35	March 4, 2026
🆕 Calendar hides 12:00AM for Date-Only Start Times Ask for Help	3	272	July 2, 2021

Glide Calendar collection - custom timeframe

Related topics