Calendar component

[CodeAn]

Common component used in app design is a calendar. Not specifically talking about input type (however I see it could be re used) but general calendar component like this:
https://tailwindui.com/components/application-ui/data-display/calendars

Just take a look at the code for each of the examples, calendars are always a nightmare to implement.

I have had some thoughts on usage.

<flux:calendar variant="month" size="full" date="2024-12-22">
flux:calendar.header
// User can throw in some dropdowns for example
</flux:calendar.header>
flux:calendar.events
<flux:calendar.events.item start="2024-12-22 18.00" end="2024-12-22 19.00" title="Meeting">
Some more content, potentially HTML.
</flux:calendar.events.item>
</flux:calendar.events>
</flux:calendar>

date in the flux:calendar indicates what the currently selected view is. Since the variant is month, it would show december 2024. If variant would be day, it would show the full day for 22 december 2024.