Filter repeating group by dates

Flow club <------------------ Click the Link

How would filter a repeating group by dates and it looping back into the beginning of the month after the end of the month?

Above is the link and once shows on the page is almost exactly how I want my repeating group to look and function with dates on the top of it.

I would like the same functionality as this repeating group of dates, but it seems rather complicated. I have searched for tutorials but no tutorial seems to replicate this function. I want a similar style to image and similar functionality.

Anyone?

I’m sorry, I hope I’m not explaining my question poorly. My apologies. Let me explain further.

The above link, is not my website, but It’s exactly how I want my website to function. I want to create this funtionality. The correct date is highlighted based on todays date and one can click on a date which will in turn show you a repeating group.

Anyone can help?

To display the current week’s dates with the current day highlighted in blue, start by creating a repeating group that will show each day of the week (Monday to Sunday). Set the repeating group’s type of content to “Date” and use the data source to calculate the current week’s Monday, which you can do with the expression Current Date/Time: rounded down to week + (days): 1. In the repeating group cells, increment the date by using the current cell’s index to display each day from Monday through Sunday.

Then, add a group element behind the date to act as the background for each day. To highlight the current day, go to the conditional tab for this background group, and set a condition where the group’s date matches the current date (Parent group's date" equals Current date/time"). When this condition is met, change the background colour to blue, which will highlight the current day.

Hope that helps :slight_smile:

Hi, I selected the content type “Date” in the RG, but in the data source there is no option for “Current Date/Time”

It will not accept Current Date/Time because the datasource of an RG requires a list. Bubble removes some options from the dynamic expression options if it believes it cannot ultimately evaluate to a list.

Do you only want to display a week’s worth of dates or a month’s worth of dates?

If you want to display a week, then @darren.james7518 solution works, however you still need to feed a list to the RG. You will need a list of 7 entries, but these don’t necessarily need to be dates.

Option A: Set the datasource to:
Arbitrary Text(‘1234567’:extract with regex (regex pattern = ‘.’ (a single dot))
This looks hacky, but it’s my go to method to create an RG of any arbitrary static lenght without relying on data. Once you have an RG with 7 cells, use the above method outlined by @darren.james7518

Option B:
Use a plugin to create a list of dates directly - 1T - List of Dates Plugin | Bubble

You’ll then need to use the action ‘scroll to element in a repeating group’ when one of the RG cells/dates is clicked. You can scroll to the first entry in the Main RG whose date is greater than the clicked on date.

I really appreciate the response. I tried Option A but I am getting red for some reason. Am I missing a step?



If you are going for option A you should set the datasource type to text.
You are essentially extracting each character of the 1234567 into its own text, creating a list of 7 texts.
Once you have an RG with 7 cells, use @darren.james7518 's method to create the 7 dates using current cell index

This is my attempt wrapping dynamic with a group. I apologize for my inexperience.




Sorry about that. Thank you! I got it to work with that dates plugin.

Im just curious to figure out why the list of numbers wasn’t converting to dates.