[Bug]: Date Picker Component. The calendar icon for React, Vue and Angular components, is following the label width

[paulobelucci]

Package

carbon-components

Browser

Chrome, Safari, Firefox

Package version

v11.40.0

Description

When setting a Label for the component Date Picker, if the Label is too long, the calendar icon is following the Label width. So the icon is being dragged out of the component.

Screenshots

StoryBook.

Vue - Single using Date

React - Single With Calendar

Angular - Single

Steps to reproduce

• Import a Date Picker (Single) component and add it to the project

• Set a label that is larger than the width of the component.

• The icon should be dragged out of the component.

Code of Conduct

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