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

CSS Theming Issue with Month/Year <select> Dropdowns in Dark/Light Mode

Open antunezcarlos opened this issue 4 months ago • 0 comments

When using showMonthDropdown and showYearDropdown, the rendered native elements for the month and year dropdowns should be stylable to match the custom theme (e.g., light text on a dark background for a dark theme). Screenshots (Here you can upload your "before" screenshot showing the problem) Proposed Solution The issue can be fixed by adding specific CSS rules to target the .react-datepicker__month-select and .react-datepicker__year-select classes. The following CSS resolves the issue for both light and dark themes:

/* Light Mode Styling for the

/* Dark Mode Styling for the

Image

antunezcarlos avatar Aug 15 '25 01:08 antunezcarlos