Add a way to customise date picker format

[azizabbas]

Flux version

v2.0.2

Livewire version

v3.5.16

Tailwind version

v4.0

Browser and Operating System

Chrom on MacOS

What is the problem?

Hi,

I am wondering what if we want to change date format from 25 Feb 2025 to 25-Feb-2025

How this is possible or even if this is possible with Flux Date Picker?

Thanks

Code snippets

Its a question

How do you expect it to work?

I thought we should have some option to change date format

Please confirm (incomplete submissions will not be addressed)

• I have provided easy and step-by-step instructions to reproduce the bug.
• I have provided code samples as text and NOT images.
• I understand my bug report will be closed if I haven't met the criteria above.

[joshhanley]

@azizabbas thanks for the request! The date picker just follows your browser's native date format at the moment. As such I've converted this to a feature request, as maybe something that could be added in the future.

[DonCamillo11]

@joshhanley Sorry, can't find the feature request. I would prefer that too. For me it shows 28. Feb. 2025, but I would like to use the numeric value 28.02.2025. And I really don't know where that value comes from.

[joshhanley]

@DonCamillo11 not sure what you mean, this is the feature request? See the category 🙂

As mentioned about, the value is coming from your browser's default date format.

[ChrisThompsonTLDR]

@joshhanley the docs mention a format option being available. Is that not true?

https://fluxui.dev/components/date-picker#fluxdate-pickerinput

format	Date format string for display. Default: localized format.

[DonCamillo11]

@joshhanley But how can I use it? It seems to be only for the flux:date-picker.input, but there's no way to assign the format to the flux:date-picker. I've tried various formats for flux:date-picker.input, such as Y-m-d, but even then none of them work.

[ChrisThompsonTLDR]

@joshhanley just to be clear, format is mentioned in the docs, but it doesn't work.

[joshhanley]

@DonCamillo11 and @ChrisThompsonTLDR bugger! 😕 Can one of you raise an issue and we'll investigate it? Thanks!

[ChrisThompsonTLDR]

@DonCamillo11 and @ChrisThompsonTLDR bugger! 😕 Can one of you raise an issue and we'll investigate it? Thanks!

Here you go: #1458

[joshhanley]

@ChrisThompsonTLDR thanks! Caleb and I had a look at this and format isn't supported on the date picker input either, so we've removed it from the docs for now. I've re-opened this feature request.