Datetime input field shows incorrect time while the dropdown/modal is accurate

[intigratech]

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?

7.15.0

What package has an issue?

@mantine/dates

What framework do you use?

Vite

In which browsers you can reproduce the issue?

All

Describe the bug

The issue can be seen on https://mantine.dev/dates/dates-provider/#date-format-considerations
The input field shows a time - for example: 02/10/2000 12:40 which doesn't match the timezone set on the datesprovider. However, the modal/dropdown to input the time shows a different timezone, presumably based on the timezone provided in the datesprovider.

import { DatesProvider, DateTimePicker } from '@mantine/dates';

function Demo() {
  return (
    <DatesProvider settings={{ timezone: 'America/New_York' }}>
      <DateTimePicker label="Pick a Date" placeholder="Pick a Date" defaultValue={new Date('2000-10-03 02:10:00Z')} />
    </DatesProvider>
  );
}

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

https://mantine.dev/dates/dates-provider/#date-format-considerations

Possible fix

The input field and modal/dropdown must respect the timezone provided.

Self-service

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