Does Range mode support selection across years?

[EliazTray]

Link https://stackblitz.com/edit/vitejs-vite-n7wsxy?file=src%2FApp.tsx

Code

Please include the code required to reproduce the bug.

import { useState } from 'react';
import { Select } from 'antd';
import { DayPicker, DayProps, DropdownProps } from 'react-day-picker';
import 'react-day-picker/style.css';

export default () => {
  const [value, setValue] = useState();
  console.log(value, 'value');
  return (
    <DayPicker
      captionLayout="dropdown"
      selected={value}
      onSelect={setValue}
      mode="range"
      numberOfMonths={2}
      components={{
        // DayButton: (props: DayProps) => <A {...props} />,
        Dropdown: (props: DropdownProps) => <A {...props} />,
      }}
    />
  );
};

function A(props) {
  console.log(props, 'props');
  function handleChange(val) {
    console.log(val);
    props.onChange({
      target: {
        value: val,
      },
    });
  }
  return (
    <Select
      {...props}
      value={props.value}
      options={props.options}
      onChange={handleChange}
    />
  );
}

Expected Behavior

when select different year, it can support across year, such like left is "2023",right is "2024"

Actual Behavior

when you select "2023", both left and right will change to "2023".

[gpbl]

@EliazTray the app at stackblitz.com/edit/vitejs-vite-n7wsxy?file=src/App.tsx doesn't work for me. I am not sure to replicate is your issue here.