react-datepicker icon indicating copy to clipboard operation
react-datepicker copied to clipboard

showMonthDropdown and showYearDropdown arrows overlap text

Open xmakina opened this issue 3 years ago • 2 comments

Describe the bug If both showMonthDropdown and showYearDropdown are enabled, the down-arrows overlap the text.

To Reproduce

  1. Add DatePicker with showMonthDropdown and showYearDropdown
  2. Click DatePicker input

Expected behavior As in v3.*, the arrows and text are correctly spaced apart.

Screenshots image (the triangle being misaligned to the input is being tracked in #3176)

Desktop:

  • OS: Windows 10
  • Browser: Chrome
  • Version 4.5.0

Smartphone (please complete the following information): Not tested

xmakina avatar Dec 21 '21 10:12 xmakina

There is a workaround, used in the example page using dropdownMode="select"

xmakina avatar Dec 21 '21 10:12 xmakina

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

stale[bot] avatar Jul 10 '22 13:07 stale[bot]