Generating an element with a list of dates to store somewhere on the page


I’m building a custom calendar, one that is horizontal and will allow a user to scroll a month in the past, and a month in the future from the current date which will act as the center point (and also ideally be displayed automatically in the center). I have a horizontal repeating group and I am attempting to create the list of dates that the group will draw from using a custom state on the repeating group that is initiated every time the page loads.

In doing this, I’m attempting to make a range but I can’t seem to get it right. See some images below.