No scroll to selected item when using portalId for showTimeSelectOnly in scrollable div

[1Jesper1]

Describe the bug
No scroll to selected item when using portalId for showTimeSelectOnly in scrollable div

**Test code:

() => {
  const [startDate, setStartDate] = useState(new Date('02-02=2023 06:00'));
  return (
  <div>
  <div id='test'></div>
    <DatePicker
      portalId={'test'}
      selected={startDate}
      onChange={(date) => setStartDate(date)}
      showTimeSelectOnly
      showTimeSelect
    />
     </div>
  );
};

**Possible fix:

onCalendarOpen={() => {
 const itemSelected = document.querySelector( '#datepicker-wrapper .react-datepicker__time-list-item--selected' );
 const offSetTop = itemSelected?.offsetTop;
 const clientHeight = itemSelected?.clientHeight;
 const parentElement = itemSelected?.parentElement;
 if (parentElement) {
    parentElement.scrollTop = offSetTop - ((parentElement.clientHeight / 2) - (clientHeight / 2));
 }
}};

Expected behavior
Should scroll to item.

**Screenshot

Desktop (please complete the following information):

• OS: Windows
• Browser Chrome
• Version react-datepicker 4.10.0

[balajis-qb]

Hi,

I fixed the issue in my PR #4296 . This PR also fixes the other scroll related issue #4290. Kindly review my fix and let me know your review comments.

[1Jesper1]

@martijnrusschen Nice to see a fix so soon available! This issue can be closed I think?

[martijnrusschen]

You can close this issue if you're not experiencing issues anymore since the recent release

[1Jesper1]

@martijnrusschen I will test soon.

[1Jesper1]

Works!