MonthPicker in range mode in controlled form endlessly useEffect calls

[openscript]

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

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

When using the <MonthPicker> in range mode within a controlled form use-date-state.ts endlessly calls useEffect at

mantine/packages/@mantine/dates/src/hooks/use-dates-state/use-dates-state.ts

Lines 169 to 178 in 476b417

	if (_value[0] && !_value[1]) {
	setPickedDate(_value[0]);
	} else {
	const isNeitherSelected = _value[0] == null && _value[1] == null;
	const isBothSelected = _value[0] != null && _value[1] != null;
	if (isNeitherSelected || isBothSelected) {
	setPickedDate(null);
	setHoveredDate(null);
	}
	}

The controlled form sets the value of the <MonthPicker> to [new Date(), null].

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

https://codesandbox.io/p/sandbox/mantine-react-template-forked-qtxcvf

Possible fix

In Version 7.15.1 the issue was not present.

Self-service

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

[openscript]

Seems to be a regression from #7278