fix(date-picker-range): make inputs take the whole available space (#…

…8061)
elastic · Oct 8, 2024 · 2f82ffe · 2f82ffe
1 parent 96b19ff
commit 2f82ffe
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/packages/eui/changelogs/upcoming/8061.md b/packages/eui/changelogs/upcoming/8061.md
@@ -0,0 +1,4 @@
+**Bug fixes**
+
+- Fixed inputs not taking the whole width when passing `fullWidth` as `true` to EuiDatePickerRange component
+
diff --git a/packages/eui/src/components/date_picker/date_picker_range.styles.ts b/packages/eui/src/components/date_picker/date_picker_range.styles.ts
@@ -19,6 +19,11 @@ export const euiDatePickerRangeStyles = {
     .euiDatePicker {
       ${logicalCSS('height', '100%')}
     }
+
+    /* Needed for the fullWidth prop: makes inputs take the whole available space */
+    .euiPopover {
+      flex: 1;
+    }
   `,
 };
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,4 @@
		Bug fixes

		- Fixed inputs not taking the whole width when passing `fullWidth` as `true` to EuiDatePickerRange component