[Date Picker]: Date picker has 4px margin with cds--form__helper-text class that cause it to be misaligned with other components

[AlessandroPomponio]

Description

The issue is partly noticeable when the date picker is next to another component, such as a dropdown:

This happens because the components comes with a 4px top margin in the cds--form__helper-text class in the shadow root:

Component(s) impacted

Date Picker

Browser

Microsoft Edge

Carbon for IBM.com version

v2.10.0

Severity

Severity 3 = The problem is visible or noticeable to users but does not impede the usability or functionality. Affects minor functionality, has a workaround.

Application/website

ST4SD Registry UI

Package

@carbon/ibmdotcom-web-components

CodeSandbox example

https://web-components.carbondesignsystem.com/?path=/story/components-date-picker--simple

Steps to reproduce the issue (if applicable)

No response

Release date (if applicable)

No response

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate issues