** QUICK LINKS ** Demo: https://idowu-plugin-demo.bubbleapps.io/version-test/days_of_the_month Editor: https://bubble.io/page?id=idowu-plugin-demo&tab=Design&name=days_of_the_month&type=page
** PLUGIN FIELDS (INPUTS) **

Month (text): The full name of the month (e.g., "January"). Case-insensitive.

Year (text): The 4-digit year (e.g., "2026").

** EXPOSED STATES (OUTPUTS) **

Last days of the past mo (list of dates): The "padding" dates from the previous month to fill the first row of a Sunday-start calendar.

Selected month dates (list of dates): A complete list of every date within the specified month.

Header days (list of dates): A reference list of 7 dates used to generate "Sun, Mon, Tue..." labels.

** HOW TO USE **

Placement: Place the 'Calendar Logic' element on your page.

Configuration: Pass your desired Month and Year into the element properties.

The Calendar Grid:

Draw a Repeating Group (7 columns).

Data Source: [Element]'s Last days of the past mo MERGED WITH [Element]'s Selected month dates.

The Header Labels:

Use a Repeating Group (1 row x 7 columns).

Data Source: [Element]'s Header days.

Cell Content: Current cell's date:formatted as DDD.

** PRO-TIPS **

Timezone Safety: Uses UTC logic to prevent date-shifting across different timezones.

Styling: To gray out dates from the previous month, add a condition to your text element: When 'Last days of the past mo' CONTAINS 'Current cell's date' -> Change font color.