Time picker

Topic: Time picker (Read 341 times) previous topic - next topic

Time picker

January 18, 2022, 05:19:29 PM

Please, what component is used for Time picker on Inline edit (List or View page), field defined as Time on Add/Edit page.
Is it flatpickr? Where are default properties defined? I need to change it to 24hr format but I have no luck for hours now.

Many thanks in advance!

Re: Time picker

Reply #1 – January 19, 2022, 11:19:42 AM

@pivar‍ locate {project root}\assets\js\plugins-init.js in your project, open it with an editor, and search for $('.datepicker').flatpickr({ the line where you find it is the line where the plugin is initialized.

Re: Time picker

Reply #2 – January 19, 2022, 03:00:59 PM

Hi! Many thanks but it seems this is not component/function used for inline Time picker. I have attached screenshots and it can be seen that no element has $('.datepicker') class and this is not triggered when one clicks on Time field to enter/edit time....
Please if you could further check what component this is...

https://www.dropbox.com/s/8diwaut3zxmcc8z/timepicker1.jpg

https://www.dropbox.com/s/rd2gmgwbbxe54dv/timepicker2.jpg

Re: Time picker

Reply #3 – January 19, 2022, 08:05:02 PM

@pivar‍ After doing a little more checking, I found out it does not use a plugin, it is just the default time input.
Example:

Code: [Select]

<input type="time" />

And it depends on the user's locale. You can read more about it here <input type="time"> - HTML: HyperText Markup Language | MDN (mozilla.org).

Re: Time picker

Reply #4 – January 20, 2022, 03:20:05 PM

Thank you very much!