[Feature Request]: Date picker should match the width of input Element

SAP / ui5-webcomponents

UI5 Web Components - the enterprise-flavored sugar on top of native APIs! Build SAP Fiori user interfaces with the technology of your choice.

https://sap.github.io/ui5-webcomponents/

Apache License 2.0

1.51k stars 263 forks source link

[Feature Request]: Date picker should match the width of input Element #9226

Closed gurkirpalgill closed 2 months ago

gurkirpalgill commented 3 months ago

Feature Request Description

Date Picker out of the box has different width than the input element. We are using column layout to render form and Date Picker being another input has a different width ( see screenshot). Is there a specific reason it needs to have a different width?

Proposed Solution

Make Date Picker width same as input element. Before_Change

Proposed Alternatives

No response

Organization

No response

Additional Context

No response

Priority

None

Privacy Policy

[X] I’m not disclosing any internal or sensitive information.

ilhan007 commented 3 months ago

I guess this might has something to do with certain formats in certain locales that could be very long, but we will investigate and come up with a statement. Thank you @gurkirpalgill for raising it : )

ilhan007 commented 3 months ago

Hello @SAP/ui5-webcomponents-topic-b @DMihaylova can you check design wise what is the expected result.

Should the ui5-date-picker and ui5-input be with the same width, do we have something in the specs about that?

tsanislavgatev commented 2 months ago

Hello @gurkirpalgill ,

I've talked with the ui5-input team and by design the inputs with icons(buttons) inside have higher min-width, because of the combination of input and button.

If needed, you can overstyle the inputs width to match based on the one with highest width.

Best Regards, Tsanislav