DATE PICKER COMPONENT - Vaadin 23

Greetings all,

Has anyone experienced the attached error?
What could be the cause?

My app suddenly displays this when i want to select date.

My declaration of the component is like this;

//some code here
private final DatePicker dateFilter =. new new DatePicker();

//some other code here

Thanks

I tried your code but couldn’t reproduce the error. Can you create a minimal standalone project that reproduces the issue? Thanks in advance!

1 Like

Hello Olli,

Thanks for your response.

Here is a snippet of the DatePicker Component.

I have included the version of vaadin in use.

Screenshot 2025-05-14 at 22.14.23


Screenshot 2025-05-14 at 22.15.23

Browser and OS version might be really interesting as well - it looks like a client side problem tho

You might as well open an Issue on GitHub at the web-components repository

I have tested on three different up-to-date browsers nothing changed.
I’m running on a macOs which is up to date.

Still can’t reproduce the issue. Here’s the sample project I used: GitHub - OlliTietavainenVaadin/v23-spring-starter

Looks like this:

1 Like

Do you have any custom CSS, or Vaadin add-ons, or other 3rd party JavaScript modules in your application?

Thank you Olli,

Let me take a look at your sample project.

Yes i do have custom css and a JavaScript for loading device camera.
Could the issue emanate from within this?
Let me review my recent Css changes and revert.

Can really be anything. The key point is that there seems to be something specific to your application since Olli couldn’t reproduce it in his example application. And in that case, interference from custom CSS or JS are the most likely explanations.

1 Like

Thanks for your input, reviewing my code