Fix date input field shrink (#51330)

src/components/ha-date-input.ts

@@ -123,6 +123,9 @@ export class HaDateInput extends LitElement {
   }
 
   static styles = css`
+    :host {
+      min-width: 0px;
+    }
     ha-svg-icon {
       color: var(--secondary-text-color);
     }

src/dialogs/more-info/controls/more-info-input_datetime.ts

@@ -83,6 +83,10 @@ class MoreInfoInputDatetime extends LitElement {
       align-items: center;
       justify-content: flex-end;
       --ha-input-padding-bottom: 0;
+      flex-wrap: wrap;
+    }
+    ha-date-input {
+      flex: 1 1 160px;
     }
     ha-date-input + ha-time-input {
       margin-left: var(--ha-space-1);