UI Builder: The date picker is always displayed in red.

[mugi-san]

Hello, Eveyone.

I have placed a date picker field using UI Builder.

Currently, the border is always displayed in red, both when the field is empty and after a date has been entered. Additionally, a red shadow appears on the background when typing in the field.

Since this is not actually an error, does anyone know which options or settings I should check to remove this error-like styling?

Note: I tried changing the border to black using CSS, but it didn't seem to work.

Regards.

[yashkamde]

Hello @mugi-san ,

many Next Experience/UI Builder components use Shadow DOM and design tokens, so overriding the border with standard CSS often does not work if the component is currently in an invalid state.

could you plz share a screenshot of the component configuration in UI Builder?

[mugi-san]

Hi, @yashkamde .
Thank you for your reply. The settings are as follows.
Please let me know if you need any other screenshots.

Default

On Focus

Regards.

[mugi-san · Accepted solution]

Hi, Everyone.

We needed to change the following setting to true.

[Manage invalid]

When true, overrides automatic updates to the invalid property.

regards,