Всплывающая подсказка в Material-UI приводит к смещению дочернего компонента (DatePicker) и отображению в верхнем левом ⇐ CSS

[Anonymous]

Я создал компонент CustomTooltip и использую его в CustomDateTimeRangePicker над кнопкой. Но это смещает всплывающее окно средства выбора даты, и оно появляется в верхнем левом углу.
Может кто-нибудь помочь мне, как мы можем восстановить исходное положение всплывающего окна Date-Time.
Скриншот компонента даты
import React from 'react';
import { Tooltip, styled, tooltipClasses } from '@mui/material';
import PropTypes from 'prop-types';

const CustomTooltip = ({ title, children, placement, tooltipStyle = {}, tooltipClassName = '', ...rest }) => {
const StyledTooltip = styled(({ className, ...props }) => )(({ theme }) => ({
[`& .${tooltipClasses.tooltip}`]: {
maxHeight: '370px',
overflowY: 'auto',
boxSizing: 'border-box',
...tooltipStyle,
},
}));
return (

{children}

);
};

CustomTooltip.propTypes = {
title: PropTypes.any,
children: PropTypes.any,
placement: PropTypes.string,
tooltipStyle: PropTypes.object,
rest: PropTypes.any,
tooltipClassName: PropTypes.string,
};

export default CustomTooltip;

Ниже приведена часть CustomDateTimeRangePicker, где я использую CustomToolTip


{displayText}

```


Подробнее здесь: https://stackoverflow.com/questions/792 ... -and-rende