The wait is over - Fluxon is here! 🚀🚀🚀 A modern UI component library crafted for Phoenix Framework that delivers: 🎨 Sleek, modern design system 🌓 Dark mode out of the box 📱 Fully responsive components 🏗️ Ready-to-use layouts #MyElixirStatus

@Perer5368753 Can you share more details about your use case and the issues you ran into? Also feel free to open a GH discussion - I can help you much faster there!

I think I'm finally happy in terms of functionality, at least for this first version 🥵 time to refine it

@nosyeaj Decided that the three options will be available via this "navigation" attribute, so you can decide what works better for you :)

@z_4seven Cool. Tbh I think the selects are just for birthdate fields. I can't really see another use case 😆 But the idea is to provide all the options via this navigation attr

@mmmykolas Oh right, that was actually one of my first options but I didn't quite like it in the end. Implementation is way more complex also.

In case someone asks how I can keep my sanity while working on this component 😅😅

Added this "requires confirmation" feature to the datepicker to only apply the selection on button click. So far: Date picker ✔️ Datetime picker ✔️ Date Range ✔️ Multiple dates✔️ Requires confirmation ✔️ Min/max dates ✔️ Week start ✔️ Timezone ✖️ Year/month jump (must have?) ✖️ Locale (must have?) ✖️

That's exactly the point 🎯 There are a lot of constraints on what users can type, the last digit typed replaces the current value, the left/right arrow keys do nothing, the cursor doesn't even show... so not a normal input at all. I was inspired by some other timepicker components, but I have my question how good it is for accessibility

@chgeuer That will be configurable for sure. But not sure if I should make it opt-in or opt-out.

@nosyeaj For now I'm working with a single <.date_picker /> component that accepts the different modes via attributes e.g., inline, range, showTimePicker, etc. I'm not 100% decided on that yet tho.

@egze @joerichsen Yeah that's part of the "UX still terrible". Skip the seconds field, use arrows to increase/decrease the integers, 12h vs 24h + AM/PM, only enable time fields when date is selected, maybe button to confirm/cancel, locale, timezone... etc etc 🥹🥹

@Perer5368753 @nosyeaj The min/max ✔️ But I was also wondering if it makes sense pass a list of dates to disable

@joerichsen @egze Alright, I gave it a shot. Ignore the UX as it's still terrible. I'm curious if something like would fit your needs? I want to keep it as simple as possible since every little addition creates a new habit role 😆

Also, what non-core features would you like to see? Datetime? Presets? Multiple dates? Disabled dates? Multiple months? Jump to a specific year/month? What else?

@zimt28 Absolutely. Sorry for not having published any better examples like this one yet. Roughly, my plan is to release the date picker, then exdoc documentation and then complex screens like this one.