From ec2ea5f24884c686a3ab433ca594f1082a489d2a Mon Sep 17 00:00:00 2001 From: Weronika Olejniczak Date: Fri, 4 Oct 2024 13:43:49 +0200 Subject: [PATCH 1/2] fix(date-picker-range): make inputs take the whole available space --- .../src/components/date_picker/date_picker_range.styles.ts | 5 +++++ 1 file changed, 5 insertions(+) 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 index b2a633106498..49aec5e60d0e 100644 --- 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; + } `, }; From 9ca611e65fa131a977672c936183696c1a02d604 Mon Sep 17 00:00:00 2001 From: Weronika Olejniczak Date: Fri, 4 Oct 2024 17:02:10 +0200 Subject: [PATCH 2/2] chore: generate changelog --- packages/eui/changelogs/upcoming/8061.md | 4 ++++ 1 file changed, 4 insertions(+) create mode 100644 packages/eui/changelogs/upcoming/8061.md diff --git a/packages/eui/changelogs/upcoming/8061.md b/packages/eui/changelogs/upcoming/8061.md new file mode 100644 index 000000000000..0b64d936818f --- /dev/null +++ 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 +