DatePickerInput is off by one day when using timezone

[mlarcher]

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.5.0

What package has an issue?

@mantine/dates

What framework do you use?

Next.js

In which browsers you can reproduce the issue?

Chrome

Describe the bug

since v7.5.0, picking a date in the DatePickerInput ends up showing and saving a date one day after the one we picked.

Not sure exactly what is happening there... it might be dur to an interaction with mantine forms.

version 7.4.2 is working fine, something broke when upgrading to 7.5.0

Here are the relevant parts of the setup we have:

// in _app.js
import dayjs from 'dayjs';
import 'dayjs/locale/fr';
import localizedFormat from 'dayjs/plugin/localizedFormat';

dayjs.extend(localizedFormat);

// ...

    <MantineProvider>
        <DatesProvider settings={{ locale:'fr', firstDayOfWeek: 1, timezone: 'UTC' }}>

                    <DatePickerInput valueFormat={'LL'} locale={'fr'} {...form.getInputProps('startDate')}/>

        </DatesProvider>
      </MantineProvider>

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

[rtivital]

Help wanted with this issue, I'm not planning to work on it.

[karlpablo]

I had the same issue and am looking into this.

[mlarcher]

Glad to read that. That's kind of a blocker here but I didn't have time to dig intoit yet, and it seems it might become tough if even @rtivital won't look into it 😅

[1g0rrr]

@rtivital Hi!
I was able to reproduce the issude.
Can I deal with it and implement a fix for it?

[rtivital]

You are welcome to submit a PR with a fix