Set calendar default start date

Ask the community
1

Hi all,

I’m using Softr to plan for an event - so would like the calendar to show as the event week in the future, rather than the current week, by default. I’ve been trying to write a script so that as the page loads, the calendar date is set to a custom date

I’ve located what I think is the documentation for the calendar plugin used by Softr (https://nhn.github.io/tui.calendar/latest/), but am struggling with the calendar.setDate() method - ‘calendar’ does not exist as a JS object, so I am wondering where I can find the name that the calendar plugin JS object is defined as.

If I’ve gone down a rabbit hole here, I will gladly accept alternative means to default the calendar to a custom date :smiley:

Any ideas greatly appreciated

2

Hi Wondering if you solved this somehow?

Thanks
Reza

3

Hi everyone,

We use the Calendar view to manage time slots and appointments. For long, we face a significant usability issue: the calendar opens alway on the current date, even if the relevant data is months away.

Users are often forced to manually skip several months ahead to find the first available entry. This is tedious and likely leads to many users giving up or assuming there is no data at all.

To improve the workflow, I suggest adding flexible options for the default display:

  • Start at the first date of the filter range: Automatically jump to the beginning of the filtered results.

  • Start on a specific date: Set a fixed date (e.g., the start of a season or project) for the view to open.

  • Start at the first or last entry: Automatically focus on the earliest or most recent record available.

Why show a blank calendar when there is data waiting to be seen? Let’s make it easier for users to find what they are looking for without the “manual scrolling” hurdle.

4

Hi @PaulKalvelage !

Thanks for sharing this

As what you’re describing isn’t possible with Softr’s native Calendar block. The calendar always initializes on the current date, and there’s no built-in option yet to auto-focus on the first/last record, a filtered date range, or a custom start date. We’ve logged this as a feature request so the product team can evaluate it.

As a workaround today, you can achieve this behavior by using the AI Vibe Coding block to build a custom calendar. With it, you can prompt the block to:

  • Default to the earliest (or latest) record date

  • Open on a specific predefined date

  • Respect filter ranges and auto-scroll accordingly

This gives you full control over the calendar logic and UX until native support is added.

Thanks again for raising this — feedback like this directly helps shape the product.