Skip to content

Commit b3ea2d5

Browse files
committed
[EuiSuperDatePicker] Remove hard-coded width in stories
- improve interaction for QuickSelectOnly - update VRT
1 parent 57a5c28 commit b3ea2d5

6 files changed

Lines changed: 4 additions & 5 deletions
6 Bytes
Loading
-30 Bytes
Loading
3 Bytes
Loading
3 Bytes
Loading
-2 Bytes
Loading

packages/eui/src/components/date_picker/super_date_picker/super_date_picker.stories.tsx

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -166,7 +166,10 @@ export const QuickSelectOnly: Story = {
166166

167167
return (
168168
<EuiFlexGroup>
169-
<EuiFieldText onFocus={() => setCollapsed(true)} />
169+
<EuiFieldText
170+
onFocus={() => setCollapsed(true)}
171+
onBlur={() => setCollapsed(false)}
172+
/>
170173
<EuiSuperDatePicker
171174
{...args}
172175
isQuickSelectOnly={isCollapsed}
@@ -379,10 +382,6 @@ const StatefulSuperDatePicker = (props: EuiSuperDatePickerProps) => {
379382
end={_end}
380383
onTimeChange={handleOnTimeChange}
381384
onRefresh={onRefresh}
382-
css={css`
383-
/* ensure the input content is visible without being truncated */
384-
inline-size: 700px;
385-
`}
386385
{...rest}
387386
/>
388387
);

0 commit comments

Comments
 (0)