diff --git a/packages/eui/.loki/reference/chrome_desktop_Forms_EuiSuperDatePicker_EuiSuperDatePicker_Custom_Quick_Select_Panel.png b/packages/eui/.loki/reference/chrome_desktop_Forms_EuiSuperDatePicker_EuiSuperDatePicker_Custom_Quick_Select_Panel.png
index 9445a984c1c..52174712615 100644
Binary files a/packages/eui/.loki/reference/chrome_desktop_Forms_EuiSuperDatePicker_EuiSuperDatePicker_Custom_Quick_Select_Panel.png and b/packages/eui/.loki/reference/chrome_desktop_Forms_EuiSuperDatePicker_EuiSuperDatePicker_Custom_Quick_Select_Panel.png differ
diff --git a/packages/eui/.loki/reference/chrome_desktop_Forms_EuiSuperDatePicker_EuiSuperDatePicker_Custom_Time_Zone_Display.png b/packages/eui/.loki/reference/chrome_desktop_Forms_EuiSuperDatePicker_EuiSuperDatePicker_Custom_Time_Zone_Display.png
index 3875cee7b03..0444bbdc629 100644
Binary files a/packages/eui/.loki/reference/chrome_desktop_Forms_EuiSuperDatePicker_EuiSuperDatePicker_Custom_Time_Zone_Display.png and b/packages/eui/.loki/reference/chrome_desktop_Forms_EuiSuperDatePicker_EuiSuperDatePicker_Custom_Time_Zone_Display.png differ
diff --git a/packages/eui/.loki/reference/chrome_desktop_Forms_EuiSuperDatePicker_EuiSuperDatePicker_Playground.png b/packages/eui/.loki/reference/chrome_desktop_Forms_EuiSuperDatePicker_EuiSuperDatePicker_Playground.png
index 2fa7cfc4392..149ba36759b 100644
Binary files a/packages/eui/.loki/reference/chrome_desktop_Forms_EuiSuperDatePicker_EuiSuperDatePicker_Playground.png and b/packages/eui/.loki/reference/chrome_desktop_Forms_EuiSuperDatePicker_EuiSuperDatePicker_Playground.png differ
diff --git a/packages/eui/.loki/reference/chrome_desktop_Forms_EuiSuperDatePicker_EuiSuperDatePicker_Restricted_Range.png b/packages/eui/.loki/reference/chrome_desktop_Forms_EuiSuperDatePicker_EuiSuperDatePicker_Restricted_Range.png
index 2fa7cfc4392..149ba36759b 100644
Binary files a/packages/eui/.loki/reference/chrome_desktop_Forms_EuiSuperDatePicker_EuiSuperDatePicker_Restricted_Range.png and b/packages/eui/.loki/reference/chrome_desktop_Forms_EuiSuperDatePicker_EuiSuperDatePicker_Restricted_Range.png differ
diff --git a/packages/eui/.loki/reference/chrome_desktop_Forms_EuiSuperDatePicker_EuiSuperDatePicker_Time_Window_Buttons.png b/packages/eui/.loki/reference/chrome_desktop_Forms_EuiSuperDatePicker_EuiSuperDatePicker_Time_Window_Buttons.png
index fa51af48f66..037bbad4c51 100644
Binary files a/packages/eui/.loki/reference/chrome_desktop_Forms_EuiSuperDatePicker_EuiSuperDatePicker_Time_Window_Buttons.png and b/packages/eui/.loki/reference/chrome_desktop_Forms_EuiSuperDatePicker_EuiSuperDatePicker_Time_Window_Buttons.png differ
diff --git a/packages/eui/changelogs/upcoming/9239.md b/packages/eui/changelogs/upcoming/9239.md
new file mode 100644
index 00000000000..04cb0e5638e
--- /dev/null
+++ b/packages/eui/changelogs/upcoming/9239.md
@@ -0,0 +1,6 @@
+- Made `EuiQuickSelectPanel` available for importing from the `@elastic/eui` package
+
+**Accessibility**
+
+- Improved the accessibility of input fields in the popover of `EuiSuperDatePicker` by properly labeling them
+
diff --git a/packages/eui/src/components/date_picker/super_date_picker/date_popover/absolute_tab.tsx b/packages/eui/src/components/date_picker/super_date_picker/date_popover/absolute_tab.tsx
index aa17893453d..46c54a4e406 100644
--- a/packages/eui/src/components/date_picker/super_date_picker/date_popover/absolute_tab.tsx
+++ b/packages/eui/src/components/date_picker/super_date_picker/date_popover/absolute_tab.tsx
@@ -90,6 +90,7 @@ export const EuiAbsoluteTab: FunctionComponent<EuiAbsoluteTabProps> = ({
     [dateFormat]
   );
 
+  const textInputLabelId = useGeneratedHtmlId();
   const timeZomeDescriptionId = useGeneratedHtmlId();
   const submitButtonLabel = useEuiI18n(
     'euiAbsoluteTab.dateFormatButtonLabel',
@@ -205,6 +206,7 @@ export const EuiAbsoluteTab: FunctionComponent<EuiAbsoluteTabProps> = ({
           describedByIds={[timeZomeDescriptionId]}
         >
           <EuiFieldText
+            aria-labelledby={textInputLabelId}
             compressed
             isInvalid={isTextInvalid}
             value={textInputValue}
@@ -218,7 +220,9 @@ export const EuiAbsoluteTab: FunctionComponent<EuiAbsoluteTabProps> = ({
               setIsReadyToParse(true);
             }}
             data-test-subj="superDatePickerAbsoluteDateInput"
-            prepend={<EuiFormLabel>{labelPrefix}</EuiFormLabel>}
+            prepend={
+              <EuiFormLabel id={textInputLabelId}>{labelPrefix}</EuiFormLabel>
+            }
           />
         </EuiFormRow>
         {hasUnparsedText && (
diff --git a/packages/eui/src/components/date_picker/super_date_picker/date_popover/relative_tab.tsx b/packages/eui/src/components/date_picker/super_date_picker/date_popover/relative_tab.tsx
index 8e885fe42b9..fedb9aab322 100644
--- a/packages/eui/src/components/date_picker/super_date_picker/date_popover/relative_tab.tsx
+++ b/packages/eui/src/components/date_picker/super_date_picker/date_popover/relative_tab.tsx
@@ -120,6 +120,7 @@ export const EuiRelativeTab: FunctionComponent<EuiRelativeTabProps> = ({
     return parsedValue.locale(locale || 'en').format(dateFormat);
   }, [isInvalid, value, roundUp, locale, dateFormat]);
 
+  const textInputLabelId = useGeneratedHtmlId();
   const relativeDateInputNumberDescriptionId = useGeneratedHtmlId();
   const timeZomeDescriptionId = useGeneratedHtmlId();
   const numberAriaLabel = useEuiI18n(
@@ -178,11 +179,14 @@ export const EuiRelativeTab: FunctionComponent<EuiRelativeTabProps> = ({
         </EuiFlexGroup>
         <EuiSpacer size="s" />
         <EuiFieldText
+          aria-labelledby={textInputLabelId}
           compressed
           value={formattedValue}
           readOnly
           aria-describedby={timeZomeDescriptionId}
-          prepend={<EuiFormLabel>{labelPrefix}</EuiFormLabel>}
+          prepend={
+            <EuiFormLabel id={textInputLabelId}>{labelPrefix}</EuiFormLabel>
+          }
         />
         <EuiScreenReaderOnly>
           <p id={relativeDateInputNumberDescriptionId}>
diff --git a/packages/eui/src/components/date_picker/super_date_picker/quick_select_popover/index.ts b/packages/eui/src/components/date_picker/super_date_picker/quick_select_popover/index.ts
index 93a893458b9..fcfe5781b50 100644
--- a/packages/eui/src/components/date_picker/super_date_picker/quick_select_popover/index.ts
+++ b/packages/eui/src/components/date_picker/super_date_picker/quick_select_popover/index.ts
@@ -12,5 +12,6 @@ export type { EuiQuickSelectPopoverProps } from './quick_select_popover';
 export { EuiQuickSelectPopover } from './quick_select_popover';
 export type { EuiQuickSelectProps } from './quick_select';
 export { EuiQuickSelect } from './quick_select';
+export { EuiQuickSelectPanel } from './quick_select_panel';
 export type { EuiRecentlyUsedProps } from './recently_used';
 export { EuiRecentlyUsed } from './recently_used';
diff --git a/packages/eui/src/components/date_picker/super_date_picker/super_date_picker.stories.tsx b/packages/eui/src/components/date_picker/super_date_picker/super_date_picker.stories.tsx
index b8eafc53a04..6b867184162 100644
--- a/packages/eui/src/components/date_picker/super_date_picker/super_date_picker.stories.tsx
+++ b/packages/eui/src/components/date_picker/super_date_picker/super_date_picker.stories.tsx
@@ -166,7 +166,10 @@ export const QuickSelectOnly: Story = {
 
     return (
       <EuiFlexGroup>
-        <EuiFieldText onFocus={() => setCollapsed(true)} />
+        <EuiFieldText
+          onFocus={() => setCollapsed(true)}
+          onBlur={() => setCollapsed(false)}
+        />
         <EuiSuperDatePicker
           {...args}
           isQuickSelectOnly={isCollapsed}
@@ -379,10 +382,6 @@ const StatefulSuperDatePicker = (props: EuiSuperDatePickerProps) => {
       end={_end}
       onTimeChange={handleOnTimeChange}
       onRefresh={onRefresh}
-      css={css`
-        /* ensure the input content is visible without being truncated */
-        inline-size: 700px;
-      `}
       {...rest}
     />
   );
diff --git a/packages/website/docs/components/forms/date-and-time/super-date-picker.mdx b/packages/website/docs/components/forms/date-and-time/super-date-picker.mdx
index a20e08aa14b..ad0ea9a75f2 100644
--- a/packages/website/docs/components/forms/date-and-time/super-date-picker.mdx
+++ b/packages/website/docs/components/forms/date-and-time/super-date-picker.mdx
@@ -615,7 +615,7 @@ export default () => {
         onTimeChange={onTimeChange}
         showTimeWindowButtons={showButtons}
         showUpdateButton={false}
-        width={"full"}
+        width={"auto"}
       />
     </>
   );