From e36743c203cb1553ac93540d05ee027a57c4a706 Mon Sep 17 00:00:00 2001
From: nathan <nathangray.bsc+github@gmail.com>
Date: Wed, 11 Sep 2024 11:21:21 -0600
Subject: [PATCH] Et2DateRange: Fix unwanted wrapping, add From & to
 placeholders

---
 api/js/etemplate/Et2Date/Et2DateRange.ts | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/api/js/etemplate/Et2Date/Et2DateRange.ts b/api/js/etemplate/Et2Date/Et2DateRange.ts
index 2396cb6793..83e94534d8 100644
--- a/api/js/etemplate/Et2Date/Et2DateRange.ts
+++ b/api/js/etemplate/Et2Date/Et2DateRange.ts
@@ -23,12 +23,12 @@ export class Et2DateRange extends Et2InputWidget(LitElement)
 			...dateStyles,
 			css`
 
-              .input-group {
-                display: flex;
-                flex-direction: row;
-                flex-wrap: nowrap;
-                align-items: baseline;
-              }
+				.form-control-input {
+					display: flex;
+					flex-direction: row;
+					flex-wrap: nowrap;
+					align-items: baseline;
+				}
 			`,
 		];
 	}
@@ -129,7 +129,7 @@ export class Et2DateRange extends Et2InputWidget(LitElement)
 				?disabled=${this.disabled}
 				?readonly=${this.readonly}
 				?required=${this.required}
-				placeholder=${ifDefined(this.placeholder)}
+                placeholder=${ifDefined(this.placeholder || this.egw().lang("From"))}
 				defaultDate=${ifDefined(this.value?.from)}
             ></et2-date>
             <et2-date
@@ -137,7 +137,7 @@ export class Et2DateRange extends Et2InputWidget(LitElement)
                     ?disabled=${this.disabled}
 				?readonly=${this.readonly}
 				?required=${this.required}
-				placeholder=${ifDefined(this.placeholder)}
+                    placeholder=${ifDefined(this.placeholder || this.egw().lang("To"))}
 				value=${ifDefined(this.value?.to)}
             ></et2-date>
 		`;