fix(input): Date or time types – initial value gets displayed as placeholder (#5366)

* fix(input): Date or time types – initial value would get displayed as placeholder

* Improve comments in _form-components.scss

Add comment to clarify purpose of value attributes

* refactor: adapted comment

Author: mfranzke

packages/components/src/styles/internal/_form-components.scss

@@ -80,7 +80,20 @@ $db-min-inline-size: var(
 				[type="month"],
 				[type="week"],
 				[type="time"]
-			):not(:user-valid)::-webkit-datetime-edit {
+			):not(
+				:user-valid,
+				/* we need to set those values, as the element might have an empty HTML value attribute */
+				[value*="1"],
+				[value*="2"],
+				[value*="3"],
+				[value*="4"],
+				[value*="5"],
+				[value*="6"],
+				[value*="7"],
+				[value*="8"],
+				[value*="9"],
+				[value*="0"]
+			)::-webkit-datetime-edit {
 			@content;
 		}
 	}