datepicker display month & year menus

Hi @battarov

Pods uses React for dates so it isn’t as easy as that.
Did you try the HTML5 field? That way you can use the browser native datepicker :).
https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_input_type_datetime-local

Cheers, Jory

thanks for your replay.

I tried to use the html 5 field format but not working .

please if no silution , at lest to guide me to the files must be edited or from where exactly to start.

I tried acf , metabox and toolset date field , all of th have a dropdownto easily choose year and month.

but I’m interested with pods and need your help to find a solution to view year and month dropdown in pods date field.

Hi @battarov

As I mentioned, we do not use jQuery anymore like the other tools mentioned. We use React (same as WordPress Block Editor).
You’ll find the date field React code here: https://github.com/pods-framework/pods/blob/main/ui/js/dfv/src/fields/datetime/index.js
The react component is React-Datetime: https://www.npmjs.com/package/react-datetime

However, I doubt this will help you a lot.
I’m also unsure what you need exactly. Why are both the React and HTML5 field version insufficient for your purpose?

2- also the date picker popup does not close after selecting the date , and you need to click anywhere in the background to return and continue editing . so if there a fix for that also will be appreciated .

I missed this question. However, I don’t see this as a bug honestly. I myself would prefer the popup opened until I close it instead of automatically closing when clicking on a date.
You could create a feature request so it might be added opt-in: pods.io/submit

Cheers, Jory

that was helpfull.

thanks