# Can I create a calender like this

**URL:** <https://community.glideapps.com/t/can-i-create-a-calender-like-this/73671>\
**Category:** Ask for Help\
**Created:** [May 26, 2024, 1:34pm UTC](https://community.glideapps.com/t/can-i-create-a-calender-like-this/73671 "2024-05-26T13:34:19Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![micheal](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/micheal/32/80181_2.png) [@micheal](https://community.glideapps.com/u/micheal)\
**Post date:** [May 26, 2024, 1:34pm UTC](https://community.glideapps.com/t/can-i-create-a-calender-like-this/73671/1 "2024-05-26T13:34:19Z")

</div>

Hey guys is it possible to make the default calendar look like this without CSS I know how to set it by date but how can I make it in time blocks or anything like this

 ![calender](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/a/7/a73bab2c37c9c32ba5b8d0aee84e070a3505e2d2.png)

---

<div class="post-metadata">

**Author:** ![nixkulinax](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nixkulinax/32/73708_2.png) [@nixkulinax](https://community.glideapps.com/u/nixkulinax)\
**Post date:** [May 26, 2024, 3:49pm UTC](https://community.glideapps.com/t/can-i-create-a-calender-like-this/73671/2 "2024-05-26T15:49:38Z")

</div>

you can try to experiment with html within rich text element and then put it into custom collection:

![Screenshot 2024-05-26 at 12.46.45 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/7/b/7bc797576430ecbdb0d89df1a7cf06b380088969.png)

 ![Screenshot 2024-05-26 at 12.46.53 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/f/4/f4cb26ba7aeb2229083551bef3129e9dc1bbd3d0.png)

 ![Screenshot 2024-05-26 at 12.46.21 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/7/4/7456056803e4428ad4503dd3a9c325e0050ead24.jpeg)

---

<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:** [May 26, 2024, 11:28pm UTC](https://community.glideapps.com/t/can-i-create-a-calender-like-this/73671/3 "2024-05-26T23:28:11Z")

</div>

Nix presented a nice solution, but do you need these cards to be clickable? Why does there seem to be a difference in the time slots between today and tomorrow?

---

<div class="post-metadata">

**Author:** ![nixkulinax](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nixkulinax/32/73708_2.png) [@nixkulinax](https://community.glideapps.com/u/nixkulinax)\
**Post date:** [May 27, 2024, 2:40am UTC](https://community.glideapps.com/t/can-i-create-a-calender-like-this/73671/4 "2024-05-27T02:40:30Z")

</div>

I think the reference is [cal.com](http://cal.com) or [calendly.com](http://calendly.com) to quickly schedule a meetings. but as it is a rich text, you can connect an action to it to fetch the current time event and the cards can be different using the template with code, where numbers rely to other table with information

---

<div class="post-metadata">

**Author:** ![micheal](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/micheal/32/80181_2.png) [@micheal](https://community.glideapps.com/u/micheal)\
**Post date:** [May 27, 2024, 12:07pm UTC](https://community.glideapps.com/t/can-i-create-a-calender-like-this/73671/5 "2024-05-27T12:07:26Z")

</div>

Hi nix just seeing this and it’s very awesome, but I’m building a booking platform and would love to be able to customize the calender slots so it would need to be clickable

---

<div class="post-metadata">

**Author:** ![micheal](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/micheal/32/80181_2.png) [@micheal](https://community.glideapps.com/u/micheal)\
**Post date:** [May 27, 2024, 12:08pm UTC](https://community.glideapps.com/t/can-i-create-a-calender-like-this/73671/6 "2024-05-27T12:08:43Z")

</div>

it’s actually style gotten from [intro.co](http://intro.co) and nix is right those are the times the person is avaliable

---

<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:** [May 27, 2024, 11:50pm UTC](https://community.glideapps.com/t/can-i-create-a-calender-like-this/73671/7 "2024-05-27T23:50:01Z")

</div>

I’m not thinking you should use the calendar component for that. I’d rather present them in a collection, but that also depends on how you want people to be able to book ahead, since that’s likely involving the use of a helper table.

> [@🗓️ Simple Booking App Tutorial (No Double Bookings)](https://community.glideapps.com/t/simple-booking-app-tutorial-no-double-bookings/62534):
>
> [[🎓 Glide Tutorial - Simple Booking App] ](https://www.youtube.com/watch?v=lHeis2JR2e8) What’s going on Gliders! A member of Loqode School recently had a question about booking/scheduling functionality in Glide, so I thought I’d share here too. For this particular use-case the time slots are exactly 30 minutes each and span from 8am to 4pm… But you can very easily tweak this solution to suit your needs (e.g. variable length bookings). Of course there are plenty of alternate ways to achieve the same functionality, but this appe…

Here’s a thread about preventing double booking that may help.
