How do I set the date format on a vaadin-date-time-picker?

Flow
1

This seems to be an impossible challenge that I cannot find the answer to in the documentation or via the AI chatbot despite having many different attempts.

I’m using vaadin 14 with polymer element:

How do I set the date format to be dd/MM/yy ?

So far have tried the following from the chatbot which all failed:
<vaadin-date-time-picker
label=“Meeting date and time”
date-pattern=“dd/MM/yyyy”
time-pattern=“HH:mm:ss”

<vaadin-date-time-picker
label=“Meeting date and time”
date-format=“dd/MM/yyyy HH:mm:ss”

<vaadin-date-time-picker
label=“Meeting date and time”
.locale=“${this.locale}”
>

<vaadin-date-time-picker
label=“Meeting date and time”
value=“{{selectedDateTime}}”
readonly=“[[readonly]]”
.i18n=“${this.customI18n}”
@value-changed=“_handleValueChanged”
>

Surely there must be an easy way to just set the date format like on a date picker?

2

Check if this can give you an answer. https://vaadin.com/docs/latest/components/date-picker#using-custom-date-formats-java-only

3

Note it says Java Only

4

I’m not using java though, i’m using polymer elements.

5

Maybe better ask in <#1016771701805166654> channel

6

OK i’ll repost there.