# Calendar Component: Several Readability Improvements Sorely Needed — Practically Unusable

**URL:** <https://community.glideapps.com/t/calendar-component-several-readability-improvements-sorely-needed-practically-unusable/66965>\
**Category:** Feature Requests\
**Created:** [October 13, 2023, 10:15pm UTC](https://community.glideapps.com/t/calendar-component-several-readability-improvements-sorely-needed-practically-unusable/66965 "2023-10-13T22:15:40Z")\
**Posts on this page:** 20\
**Page:** 2

<div class="post-metadata">

**Author:** ![nathanaelb](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nathanaelb/32/43079_2.png) [@nathanaelb](https://community.glideapps.com/u/nathanaelb)\
**Post date:** [March 25, 2025, 2:35pm UTC](https://community.glideapps.com/t/calendar-component-several-readability-improvements-sorely-needed-practically-unusable/66965/21 "2025-03-25T14:35:10Z")

</div>

> As it currently stands, I can’t use the month view, I can’t use the week view, and I can’t use the day view.

I’m thankful I’ve never needed to use the calendar style in a collection for a client. Basically, for all intents and purposes, there is no calendar component. I know in tech there is this overwhelmingly popular culture of shipping and then iterating, but sometimes I wish that weren’t the case, some features are so unfinished that they are not worth shipping.

---

<div class="post-metadata">

**Author:** ![Myles\_Chaput](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/myles_chaput/32/62176_2.png) [@Myles\_Chaput](https://community.glideapps.com/u/Myles_Chaput)\
**Post date:** [March 25, 2025, 3:18pm UTC](https://community.glideapps.com/t/calendar-component-several-readability-improvements-sorely-needed-practically-unusable/66965/22 "2025-03-25T15:18:11Z")

</div>

i’m going to make an automation that creates new accounts and presses vote if something is not done soon LOL!

---

<div class="post-metadata">

**Author:** ![MattLB](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mattlb/32/41284_2.png) [@MattLB](https://community.glideapps.com/u/MattLB)\
**Post date:** [March 25, 2025, 8:25pm UTC](https://community.glideapps.com/t/calendar-component-several-readability-improvements-sorely-needed-practically-unusable/66965/23 "2025-03-25T20:25:37Z")

</div>

Have you tried AI to build a calendar component? Is it too rich in functionality for AI?

Asking for about 500 friends!

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [March 25, 2025, 9:43pm UTC](https://community.glideapps.com/t/calendar-component-several-readability-improvements-sorely-needed-practically-unusable/66965/24 "2025-03-25T21:43:31Z")

</div>

I’ve built a simple week view (no times) with day summary

---

<div class="post-metadata">

**Author:** ![Rosewebstudio](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rosewebstudio/32/12261_2.png) [@Rosewebstudio](https://community.glideapps.com/u/Rosewebstudio)\
**Post date:** [March 26, 2025, 6:50am UTC](https://community.glideapps.com/t/calendar-component-several-readability-improvements-sorely-needed-practically-unusable/66965/25 "2025-03-26T06:50:57Z")

</div>

Voted 👍

Agree, used for the first time (in a long time) immediately I thought this display cannot be right but after tinkering for a while I realised that it is not really workable.

Also the date/time selector just feels a bit clunky.

Hope we see some much needed improvement soon.

---

<div class="post-metadata">

**Author:** ![Dilip\_Adiga](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/dilip_adiga/32/60330_2.png) [@Dilip\_Adiga](https://community.glideapps.com/u/Dilip_Adiga)\
**Post date:** [March 26, 2025, 8:19am UTC](https://community.glideapps.com/t/calendar-component-several-readability-improvements-sorely-needed-practically-unusable/66965/26 "2025-03-26T08:19:03Z")

</div>

Voting +100

---

<div class="post-metadata">

**Author:** ![mstam2](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mstam2/32/67186_2.png) [@mstam2](https://community.glideapps.com/u/mstam2)\
**Post date:** [April 4, 2025, 12:21pm UTC](https://community.glideapps.com/t/calendar-component-several-readability-improvements-sorely-needed-practically-unusable/66965/27 "2025-04-04T12:21:55Z")

</div>

Voted

---

<div class="post-metadata">

**Author:** ![dezwatz](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/dezwatz/32/77903_2.png) [@dezwatz](https://community.glideapps.com/u/dezwatz)\
**Post date:** [May 5, 2025, 1:56pm UTC](https://community.glideapps.com/t/calendar-component-several-readability-improvements-sorely-needed-practically-unusable/66965/28 "2025-05-05T13:56:30Z")

</div>

Bumping this so hopefully something gets done. I’m surprised the calendar hasn’t been updated yet..

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [May 5, 2025, 2:19pm UTC](https://community.glideapps.com/t/calendar-component-several-readability-improvements-sorely-needed-practically-unusable/66965/29 "2025-05-05T14:19:28Z")

</div>

For sure. A couple of improvements have been made — agenda view and no times in week/day view. But we could still use several more listed in OP.

---

<div class="post-metadata">

**Author:** ![fk1214](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/fk1214/32/71058_2.png) [@fk1214](https://community.glideapps.com/u/fk1214)\
**Post date:** [May 5, 2025, 2:57pm UTC](https://community.glideapps.com/t/calendar-component-several-readability-improvements-sorely-needed-practically-unusable/66965/30 "2025-05-05T14:57:35Z")

</div>

Is it possible to fix with Custom CSS in the meantime? 🤔 😅

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [May 5, 2025, 3:35pm UTC](https://community.glideapps.com/t/calendar-component-several-readability-improvements-sorely-needed-practically-unusable/66965/31 "2025-05-05T15:35:02Z")

</div>

I haven’t been successful with that.

---

<div class="post-metadata">

**Author:** ![mstam2](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mstam2/32/67186_2.png) [@mstam2](https://community.glideapps.com/u/mstam2)\
**Post date:** [May 20, 2025, 8:41pm UTC](https://community.glideapps.com/t/calendar-component-several-readability-improvements-sorely-needed-practically-unusable/66965/32 "2025-05-20T20:41:25Z")

</div>

Anyone hear any news about an updated Calendar component? Heard it may be in the works.

---

<div class="post-metadata">

**Author:** ![mstam2](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mstam2/32/67186_2.png) [@mstam2](https://community.glideapps.com/u/mstam2)\
**Post date:** [January 10, 2026, 7:01am UTC](https://community.glideapps.com/t/calendar-component-several-readability-improvements-sorely-needed-practically-unusable/66965/33 "2026-01-10T07:01:44Z")

</div>

Maybe this year? 😛

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [January 10, 2026, 4:53pm UTC](https://community.glideapps.com/t/calendar-component-several-readability-improvements-sorely-needed-practically-unusable/66965/34 "2026-01-10T16:53:44Z")

</div>

Goodness…maybe…

---

<div class="post-metadata">

**Author:** ![jb\_1mprove](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jb_1mprove/32/92375_2.png) [@jb\_1mprove](https://community.glideapps.com/u/jb_1mprove)\
**Post date:** [January 10, 2026, 6:26pm UTC](https://community.glideapps.com/t/calendar-component-several-readability-improvements-sorely-needed-practically-unusable/66965/35 "2026-01-10T18:26:46Z")

</div>

Didn’t see this feature request yet, but it gets my vote! Also, improve the date/time selector to be able to select limits (for instance only times between 8am and 5pm) and increments (for instance 15 minute increments).

---

<div class="post-metadata">

**Author:** ![Rien\_Dumore](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rien_dumore/32/79283_2.png) [@Rien\_Dumore](https://community.glideapps.com/u/Rien_Dumore)\
**Post date:** [March 27, 2026, 2:31pm UTC](https://community.glideapps.com/t/calendar-component-several-readability-improvements-sorely-needed-practically-unusable/66965/36 "2026-03-27T14:31:17Z")

</div>

I’ve used css to hide a part of the calender component.The first hours till 6am and from 7pm. Maybe this css hack is usefull from some in the meantime.

Normal:

 ![chrome-capture-2026-03-27](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/7/7/778dc41d4034e308434ecf6320701fab172ac046.png)

With css:

 ![chrome-capture-2026-03-27 (1)](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/0/102d8f6ac832bbf6e422563acabfffc69b20f2d4.png)

Unfortianetly cuz it’s a css hack its not guaranteed to remain stable and not 100% bug free, but good enough in my use case.

css class: “custom-calendar”

```auto
/ *********************************************************
 ** Calender (Css class: custom-calendar)
 ********************************************************* /

/* Hide the unwanted hours (at the beginning) */
.custom-calendar .rbc-time-gutter .rbc-timeslot-group:nth-child(-n + 7),
.custom-calendar
  .rbc-time-gutter
  .rbc-timeslot-group:nth-child(n + 20):nth-child(-n + 24) {
  display: none;
}

/* Hide the unwanted hours (at the end) */
.custom-calendar
  .rbc-time-content
  .rbc-day-slot
  .rbc-timeslot-group:nth-child(-n + 7),
.custom-calendar
  .rbc-time-content
  .rbc-day-slot
  .rbc-timeslot-group:nth-child(n + 20):nth-child(-n + 24) {
  display: none;
}

/* Hack to add the height of all hidden elements after all */
.custom-calendar .rbc-time-content .rbc-day-slot {
  padding-top: calc(7 * 40px);
  transform: translateY(calc(-7 * 40px));
  padding-bottom: calc(5 * 40px);
}

/* Ensure that the added height of the calendar is not visible. */
.custom-calendar .rbc-time-content {
  max-height: calc(12 * 40px);
  overflow: hidden;
}

```

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [March 27, 2026, 3:29pm UTC](https://community.glideapps.com/t/calendar-component-several-readability-improvements-sorely-needed-practically-unusable/66965/37 "2026-03-27T15:29:51Z")

</div>

Well done! Bookmarking this! Based on the classes you’ve chosen in your stylesheet, that should be fairly stable!

---

<div class="post-metadata">

**Author:** ![nathanaelb](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nathanaelb/32/43079_2.png) [@nathanaelb](https://community.glideapps.com/u/nathanaelb)\
**Post date:** [March 27, 2026, 5:17pm UTC](https://community.glideapps.com/t/calendar-component-several-readability-improvements-sorely-needed-practically-unusable/66965/38 "2026-03-27T17:17:57Z")

</div>

> [@Robert\_Petitto](#):
>
> Based on the classes you’ve chosen in your stylesheet

Apologies if the answer to this is obvious, but how do you know which classes are stable?

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [March 27, 2026, 6:32pm UTC](https://community.glideapps.com/t/calendar-component-several-readability-improvements-sorely-needed-practically-unusable/66965/39 "2026-03-27T18:32:16Z")

</div>

@nathanaelb Hope this clarifies:  
https://www.loom.com/embed/9a45d331136f48dfa7e88531bae9abf2

---

<div class="post-metadata">

**Author:** ![nathanaelb](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nathanaelb/32/43079_2.png) [@nathanaelb](https://community.glideapps.com/u/nathanaelb)\
**Post date:** [March 27, 2026, 8:48pm UTC](https://community.glideapps.com/t/calendar-component-several-readability-improvements-sorely-needed-practically-unusable/66965/40 "2026-03-27T20:48:08Z")

</div>

What an amazing tutorial on how to use CSS in Glide. That’s beautiful community resource, I learnt a lot, thank you so much.

[Previous page](https://community.glideapps.com/t/calendar-component-several-readability-improvements-sorely-needed-practically-unusable/66965.md?page=1)

[Next page](https://community.glideapps.com/t/calendar-component-several-readability-improvements-sorely-needed-practically-unusable/66965.md?page=3)