Changing The Layout the Time/Date In the Form Container

Hello guys, I’ve been trying to find the answer to these questions without luck:
I am building a time tracking app. It is vital that the employees don’t make mistakes when entering the time. We are based in Europe and we need 24 format in the layout.

Question 1: How do I make the 24h in the Layout for every user? Regardless of the time/date format in their browsers (many of them won’t have it in the correct format), it is vital for the 24h format to be the default.

Question 2: How can I change the clock LAYOUT to pick the time with another type of layout. For example, this:

image

Thank you very much for any help you can provide.
Best,
AD

Maybe the only way is using a series of math columns to extract time components from the original date/time column, then bring them together with a template column.

You don’t have an option to do that with the native picker. Best bet is using the AI component, but that requires some prompting (and also why I want the Code component to work instead, so I have more control).