fix(ui5-datetime-picker): ensure value state header spans full popover width (#13294)

hinzzx · web-flow · commit 49f5afc84fc5 · 2026-03-27T11:07:21.000+02:00
## Problem

The `value-state` bar at the top of the DateTimePicker popover wasn't stretching to fill its full width.

The reason behind that was `ValueStateMessage.css` capping the element with `max-width`, which is fine for narrow components like Input or DatePicker but too restrictive for the wider `DateTimePicker` popover. 

So we overrode those constraints in DateTimePickerPopover.css and removed the `max-width` restriction.
diff --git a/packages/main/src/themes/DateTimePickerPopover.css b/packages/main/src/themes/DateTimePickerPopover.css
@@ -4,7 +4,9 @@
 }
 
 :host .ui5-date-picker-popover:not([on-phone]) .ui5-popover-header {
-	width: 20rem;
+	width: 100%;
+	max-width: 100%;
+	display: block;
 }
 
 .ui5-dt-picker-content {

Original file line number	Diff line number	Diff line change
`@@ -4,7 +4,9 @@`
`4`	`4`	`}`
`5`	`5`
`6`	`6`	`:host .ui5-date-picker-popover:not([on-phone]) .ui5-popover-header {`
`7`		`- width: 20rem;`
	`7`	`+ width: 100%;`
	`8`	`+ max-width: 100%;`
	`9`	`+ display: block;`
`8`	`10`	`}`
`9`	`11`
`10`	`12`	`.ui5-dt-picker-content {`