自定义'react-datepicker'CSS

如何解决自定义'react-datepicker'CSS

因此，我将此'react-datepicker'渲染到自定义容器中，如下所示：

<DatePicker
    {...bindedFormField}
    labelId={field.name + index}
    customInput={<DatePickerCustomInput {...bindedFormField} />}
    popperContainer={CalendarContainer}
    dateFormat="yyyy-MM-dd HH:mm"
    locale="pl"
    selected={field.value}
    onChange={(value) => field.onChange(field.name,value)}
    minDate={field.dateConfig?.minDate}
    minTime={field.dateConfig?.minDate}
    maxDate={field.dateConfig?.maxDate}
    maxTime={field.dateConfig?.maxDate}
    showTimeSelect
/>

容器在哪里：

import { Portal } from 'react-overlays';

export const CalendarContainer = ({ children }) => {
    const el = document.getElementById('calendar-portal')
    return (
        <Portal container={el}>
            {children}
        </Portal>
    )
}

我的问题是：如何自定义DatePicker的CSS（更具体地说-我想增加z-index）。我将添加document.getElementById('calendar-portal')为null，它不存在。