TimePicker dropdown issue with presets #8178

Dependencies check up

• I have verified that I use latest version of all @mantine/* packages

What version of @mantine/* packages do you have in package.json?

8.2.5

What package has an issue?

@mantine/dates

What framework do you use?

Vite

In which browsers you can reproduce the issue?

Chrome

Describe the bug

There is an issue with dropdown content containment using TimePicker and preset. Any of the preset variants seem to trigger the issue.

My code specifically uses getTimeRange :

<TimePicker
  rightSection={<i className={Iconography.time} />}
  withDropdown
  presets={getTimeRange({
  startTime: '00:00:00',
  endTime: '23:30:00',
  interval: '0:30:00',
  })}
  key={form.key('startTime')}
  {...form.getInputProps('startTime')}
/>

You can see this on display in the Mantine docs

If possible, include a link to a codesandbox with a minimal reproduction

No response

Possible fix

No response

Self-service

• I would be willing to implement a fix for this issue