The new date picker doesn't allow change of year about buffet

[IamManchanda]

I need to select August 12, 1993. I can't go month by month until 1993. 😅

A very important feature to me for my upcoming projects... 😞

Any updates on this feature dear friends?

[crussell42]

Is there any update on this?
Very bad user interaction with date picker.
Trying to set the date by typing in the text input is basically impossible.
Really really need a working datepicker in the admin.

[ManAnRuck]

@abdonrd

is it possible to clear this datepicker if it's an optional field?

when I try to remove the value and click outside the old value returns and I don't see a clear button.

[MattieBelt]

Hey @Antoine-arranz,

Strapi has released a new Design System for Strapi v4, you can checkout the new Date component.

[soupette]

So the lib that we are using react-dates does not have this option... However, what we can do is allowing the change of year using the input which is currently in readonly will that be a suitable option?

[abdonrd]

That would work for me, yes! 😄

[soupette]

I'll see what I can do then! I will try to make some modifications before January 2020

[abdonrd]

Great, thanks @soupette! 👏

[soupette]

@abdonrd I have created a PR that allows the change of year directly from the input component.
However, I am running into an issue where I am unable to open the date picker at the selected date... Nevertheless the component is still usable.

[abdonrd]

Thanks for the update, @soupette!

[soupette]

@ManAnRuck currently it is not possible and I think that it should be solved. I'll try to open up a PR to fix it. Can you open an issue so we can keep track of this bug?

[ManAnRuck]

@soupette sure, thank you :)

#97

[gabrielgmrs]

@IamManchanda I agree. My case is similar, with birthdates.

Typing on the input is not working, since the datepicker appear to overwrite the value.
Even if it was possible, here in Brazil the users are very acquainted with with DD/MM/YYYY instead of MM/DD/YYYY, and maybe it cause some confusion.

My solution for now is to use text type.

[toriecr]

Is there any update on this?

[soupette]

We are planning to update the entire design system of the administration panel and we are taking in consideration all feedback provided regarding the date picker. In the meantime, we have provided a temporary fix that allows to change the date of a datepicker using the text input of the same component so a user can directly set a date.

If the provided component really does not suit your needs you can create your own datepicker component and replace the existing one in your project, you can follow this guide from our official documentation, it explains how to change the WYSIWYG so you can easily apply the same logic to change the date picker.

[toriecr]

@soupette thank you for your response. I followed the guide you provided, along with this guide to implement my own datepicker and I still seem to be having issues. I'm wondering where would be a good place to ask clarifying questions about the docs. My issue might be related to the useStrapi() hook, and there isn't much explanation on that hook.

[soupette]

The guide I provided explains how to change a field, regarding the useStrapi hook it allows to access the components that are added by other plugins, you don't need it in order to change the datepicker.

[Antoine-arranz]

Hello, any news or workaround?

[Antoine-arranz]

@MattieBelt Thanks !