[Bug]: SbbDatepicker - sbb-invalid does not work in React Components

[k-luise]

Preflight Checklist

• [X] I have read the Contributing Guidelines for this project.
• [X] I agree to follow the Code of Conduct that this project adheres to.
• [X] I have searched the issue tracker for an issue that matches the one I want to file, without success.

Bug type

Functionality

It affects the following packages

Components

Which version of Lyne Components are you using

0.35.18

Operating system

No response

Browser / Browser version

No response

Input mode

None

Additional settings

No response

What happened?

When using a SbbDatepicker in a SbbFormField it is not possible to display the error state with "class="sbb-invalid"" .

There should be a red frame around the input and the text should be red also.

Steps to reproduce the issue

Use the following code:

  <SbbFormField>
     <SbbDatepickerPreviousDay />
     <SbbDatepickerToggle />
     <SbbDatepicker />
     <input class="sbb-invalid" data-testid="date input" />
     <SbbDatepickerNextDay />
   </SbbFormField>

Relevant log output

No response

[jeripeierSBB]

In browser it's working. @k-luise Will update if she has more information.

[kyubisation]

With https://github.com/lyne-design-system/lyne-components/blob/master/src/components/sbb-datepicker/sbb-datepicker.tsx#L242 it is never checked, whether the new date is actually valid and the sbb-invalid is removed anyway