# Need help with repeating groups displaying date & Time

**URL:** <https://forum.bubble.io/t/need-help-with-repeating-groups-displaying-date-time/132472>\
**Category:** Database\
**Created:** [January 25, 2021, 2:16pm UTC](https://forum.bubble.io/t/need-help-with-repeating-groups-displaying-date-time/132472 "2021-01-25T14:16:35Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![stephaniehaye1](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/stephaniehaye1/32/82845_2.png) [@stephaniehaye1](https://forum.bubble.io/u/stephaniehaye1)\
**Post date:** [January 25, 2021, 2:16pm UTC](https://forum.bubble.io/t/need-help-with-repeating-groups-displaying-date-time/132472/1 "2021-01-25T14:16:36Z")

</div>

See screens shot below  
Hey guys! I need some help. I’d like for the blue button to be programmed with the current date every time it’s seen and the rest of the buttons that say “today” to be programmed with the dates that follow after. I would like it to be formatted this way:

TODAY TUES WED THURS FRI SAT and the number beneath it  
Time would be displayed in a repeating group going vertically like this:

if the current time is 9:23 am this first box would be 30 minutes later:

10:00 am

10:30 am

11:00 am etc.

Now for the open space with the circle icon I would like it to display times. For instance, I’d like the first slot to bed 30 minutes later than the current time and would like it to continue this way, but I cannot figure out how to do this. I hope this made sense. Can you help?

Thanks in advance.

---

<div class="post-metadata">

**Author:** ![stephaniehaye1](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/stephaniehaye1/32/82845_2.png) [@stephaniehaye1](https://forum.bubble.io/u/stephaniehaye1)\
**Post date:** [January 25, 2021, 2:26pm UTC](https://forum.bubble.io/t/need-help-with-repeating-groups-displaying-date-time/132472/2 "2021-01-25T14:26:58Z")

</div>

![Screen Shot 2021-01-25 at 6.38.38 AM](https://us1.discourse-cdn.com/bubble/original/3X/7/d/7dceffee2e469a8dc446a30e3f661eb62e582399.png)

---

<div class="post-metadata">

**Author:** ![boston85719](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/boston85719/32/77286_2.png) [@boston85719](https://forum.bubble.io/u/boston85719)\
**Post date:** [January 25, 2021, 2:56pm UTC](https://forum.bubble.io/t/need-help-with-repeating-groups-displaying-date-time/132472/3 "2021-01-25T14:56:14Z")

</div>

I have some questions

1. Do you have your database set up in a way to provide the time slots for the times?

If not, you need to have something to create the time slots. There is a free plugin called Calendar Tools that can do this for you.

> [@New Plugin - Calendar Tool (free)](http://forum.bubble.io/t/new-plugin-calendar-tool-free/100094):
>
> Hey bubblers, I just published a new free plugin that we have been using internally for a bit. Calendar tool can help you create custom calendars out of repeating groups as well as get a list of booking times for scheduling or booking feature. We have also used it to make our own date select dropdowns I tried to make the implementation as straight forward as possible, but dates can get confusing so let me know if you need any help! Editor with sample implementation is [here](https://bubble.io/page?type=page&name=calendar&id=testpluginsapp&test_plugin=1593785219090x363390256106962940_current&tab=tabs-1) Cheers, Ryley [b…](http://brownfoxdev.co)

There is an example editor to help understand how it works.

1. When you have the day of the week on top of the number in the same repeating group are you expecting to show Today with all time slots so Today 11AM, Today 11:30AM, Today 12:00PM followed by Tues 11AM, Tues 11:30AM, Tues 12:00PM etc.

Or do you want separate repeating groups for each day of the week that follows the current day?

To show the day as TUES/WED etc. use the :formatted as operator and select custom and set it to ddd and then make it uppercase

 ![Screen Shot 2021-01-25 at 9.51.05 PM](https://us1.discourse-cdn.com/bubble/original/3X/a/f/af682c89dbd5783f66d39af3b21849508685fbee.png)

My example uses the current date and time, you will not, you need to figure where your date/times are coming from which is related to my first question.

For Today you need to do something like this.

![Screen Shot 2021-01-25 at 9.53.30 PM](https://us1.discourse-cdn.com/bubble/original/3X/3/b/3b6753b7b2a9461318d0ee1b40c01419c38908f0.png)

Again, you need to figure out where your dates are coming from, but you basically need only to extract the day portion and match it in a basic sense, but again this depends on where the dates are coming from.

For the time portion

 ![Screen Shot 2021-01-25 at 9.55.14 PM](https://us1.discourse-cdn.com/bubble/original/3X/f/f/ff3d425a039abf887eec8ce160327b58a1837239.png)

Putting this into one group to display is simple, just take the same formatted examples and put them into the same element

---

<div class="post-metadata">

**Author:** ![stephaniehaye1](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/stephaniehaye1/32/82845_2.png) [@stephaniehaye1](https://forum.bubble.io/u/stephaniehaye1)\
**Post date:** [January 25, 2021, 3:15pm UTC](https://forum.bubble.io/t/need-help-with-repeating-groups-displaying-date-time/132472/4 "2021-01-25T15:15:07Z")

</div>

1. No I don’t. I didn’t have the slightest clue where to start. I am EXTREMELY new to tech so I’m learning as I go along.

2. " do you want separate repeating groups for each day of the week that follows the current day?" Yes, this is what I want.

3. “My example uses the current date and time, you will not, you need to figure where your date/times are coming from which is related to my first question.” it be possible to do this as an option set?

---

<div class="post-metadata">

**Author:** ![boston85719](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/boston85719/32/77286_2.png) [@boston85719](https://forum.bubble.io/u/boston85719)\
**Post date:** [January 25, 2021, 3:27pm UTC](https://forum.bubble.io/t/need-help-with-repeating-groups-displaying-date-time/132472/5 "2021-01-25T15:27:19Z")

</div>

1 and 3. I would use the calendartool plugin or perhaps the 1T Day of Week plugin

> [@New 1 Thing plugin - Day of Week | FREE](http://forum.bubble.io/t/new-1-thing-plugin-day-of-week-free/86207):
>
> Ever wanted to dynamically get the date for this Sunday or next Wednesday without jumping through a host of ‘if current date: extract day’ conditionals? Check out the 1 Thing - Day of Week plugin! Exposes any day of the week as a date value. Place the element on the page and simply reference any of the element’s day variables to return the correct date. Available day dates: This Sunday This Monday This Tuesday This Wednesday This Thursday This Friday This Saturday Want a custom interv…

1. You will need to have multiple repeating groups or just one with some conditionals to change the datasource based on the conditionals which should be tied into your UX design.

Working with dates and time can be quite confusing. If you feel you need more detailed instructions feel free to PM about coaching/mentor sessions.

Also check out everything you can on the forum concerning how dates and times work, especially forum threads posted by Keith.

---

<div class="post-metadata">

**Author:** ![stephaniehaye1](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/stephaniehaye1/32/82845_2.png) [@stephaniehaye1](https://forum.bubble.io/u/stephaniehaye1)\
**Post date:** [January 25, 2021, 4:58pm UTC](https://forum.bubble.io/t/need-help-with-repeating-groups-displaying-date-time/132472/6 "2021-01-25T16:58:47Z")

</div>

Thank you 🙂
