dropdown is visible when i use React Modal

[fabian-co]

Hello, good day to everyone!

I'm using this DayPicker configuration:

<DayPicker
  showOutsideDays
  mode="single"
  required
  selected={selectedDay}
  onSelect={handleSetSelectedDay}
  locale={es}
  captionLayout="dropdown-buttons"
  fromYear={2020}
  toYear={2035}
  modifiers={modifiers}
  modifiersStyles={modifiersStyles}
  modifiersClassNames={{ selected: 'my-selected' }}
  weekStartsOn={0}
  classNames={{
    table: 'w-fit',
    caption: 'flex justify-center items-center',
    nav_button_previous: 'absolute left-1',
    nav_button_next: 'absolute right-1',
    cell: 'bg-white border-b w-screen',
    day: 'w-full h-8 justify-center rounded-full',
    month: 'capitalize',
  }}
/>

And I'm using react-modal https://www.npmjs.com/package/react-modal?activeTab=readme.

When the modal is activated, the caption appears activated, and when I'm using the dropdown, it can still select the month and the year. How can I solve this?