Hacker0x01 / react-datepicker

A simple and reusable datepicker component for React
https://reactdatepicker.com/
MIT License
8.12k stars 2.24k forks source link

Time picker overlays date picker #3588

Open takecare opened 2 years ago

takecare commented 2 years ago

Describe the bug

The time picker overlays the calendar one when todayButton is used.

To Reproduce

  1. Go to https://codesandbox.io/s/react-datepicker-11dfw4?file=/src/App.js
  2. Click on the date button
  3. Observe as the divs overlay.

Expected behavior The time container is displayed immediately to the right of the calendar one, without overlap.

Screenshots

Screenshot 2022-05-11 at 14 49 07

Desktop (please complete the following information):

Additional context

Changing the right positioning on &--with-today-button to something like -90px instead of -72 should help. Not sure if it's the best solution.

Also notice how some of the corners are not properly displayed (don't know what that is about).

github-actions[bot] commented 5 months ago

This issue is stale because it has been open 180 days with no activity. Remove stale label or comment or this will be closed in 10 days.