Change size ui-form date (datepicker)


Is it possible to change the size of the settings [blue on picture] when choosing a date? I'm using 'ui-form' on a large touchscreen. I can change the global text size, but not the 'dropdowns' in the date picker.

Incidentally, it is not possible to 'type' the date via the touscreen (Windows 10, in tablet mode). If typing is possible, it is not necessary to increase the size of the datepicker. As it is currently not possible to type a date (via touscreen, tablet mode), is it possible to hide the field, and only show the 'calendar icon' [red on picture]? Or automatically open the datepicker when trying to type the date?

Note that I currently make the adjustments through a fixed PC, and not through the touchscreen.

Thank you in advance

Which exact widget is that ? the built in datepicker looks like

If that is a text input in date mode then the css needs to be styled via the virtualdom as how that is rendered is browser dependant.

Thx for your answer.
At this moment I'm using 'UI Form Node', where I'm using 'date'.

I could indeed also use 'datepicker' (what you suggest). But the date is a required item. Is it possible to also set the datepicker as required?

An other solution could be 3 input fields, where I ask for day, month and year. But I will need to restrict the fields (example: month = number from 1 to 12).

For now, I'm gonna use 3 dropdown items (day,month, year). This solves my problem :slight_smile:
A function checks if the values aren't '0' (I set them as '0' on load). When okay --> I can press a button to go to the next screen.

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.