Warning is getting thrown by DatePickerCalendar component when any value is changed

[vikrkuma]

Description

code

<FormControl>
  <FormLabel>From</FormLabel>
  <DatePicker
    granularity={DATE_PICKER_GRANULARITY}
    strategy="fixed"
    minValue={minValue}
    maxValue={maxValue}
    onChange={(newValue) => setFromDate(humanReadableDateString(newValue?.toString()))}
  >
    <DatePickerTrigger>
      <InputGroup>
        <Input size="md" placeholder="From Date" value={fromDate} isReadOnly />
        <InputRightElement>
          <CalendarIcon />
        </InputRightElement>
      </InputGroup>
    </DatePickerTrigger>
    <DatePickerDialog hideArrow={false}>
      <DatePickerCalendar />
      <DatePickerTimeField granularity={DATE_PICKER_GRANULARITY} />
    </DatePickerDialog>
  </DatePicker>
</FormControl>

When we click on any of the date in the calendar the below warning is thrown.

package json

"@chakra-ui/react": "^2.10.4",
"@saas-ui/react": "^2.11.2",
"@saas-ui/date-picker": "^0.15.2",

Link to Reproduction

No response

Steps to reproduce

1. Go to input box and click on it. The date calendar and time will be shown
2. Click on any of the date.
3. The date picker will be closed after the selection of any date and the warning will be shown on the console
4. See error and component below

Component

Error

Saas UI Version

2.11.2

Chakra UI Version

2.10.4

Browser

No response

Operating System

• macOS
• Windows
• Linux

Additional Information

No response

[linear]

SUI-562 Warning is getting thrown by DatePickerCalendar component when any value is changed