📆 Made some progress on the date picker component. The radio buttons mainly show that the calendar respects the LiveView patches/updates. Still a lot to sort out but getting there.
Comments
Log in with your Bluesky account to leave a comment
I usually avoid as much as possible adding dependencies, but I ended up using Day.js (2kB) to make handling dates easier. Currently floating-ui is the only dependency in Fluxon UI.
Here's what the component code looks like now. The radio buttons update the min and max values which then get patched by LV to re-render the component.
Looks great! If I may make one request (not sure how easy/hard it is) - would it be possible to show a continuous calendar view instead of one separated by months? So, no pagination but infinite scroll. You’d still have the month/year pickers to jump to certain dates. (Cont)
That’d make it easier to show e.g. next week when the week is split over two months. Now, you have 2 days in this month and 5 days in the next but you only show 2 or 5 days, never all 7 possible days. Same with selecting ranges spanning multiple months. (Cont)
Heres an old JQuery example. I don’t like the UI but it shows how to scroll the view and to select ranges spanning “split” weeks and multiple months:
Comments
https://continuouscalendar.github.io/jquery-continuous-calendar/