question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Year dropdown is not working

See original GitHub issue

Describe the bug The Year dropdown is not working (the datepicker doesn’t provide an options of the year) and users can’t select a year

To Reproduce

  1. Go to the official site https://reactdatepicker.com/#example-year-dropdown
  2. Try to select a year
  3. User sees the error

Expected behavior A clear and concise description of what you expected to happen.

Screenshots Screen Shot 2019-10-29 at 7 18 38 PM Screen Shot 2019-10-29 at 7 19 10 PM

Additional context Example of usage is here

import React from "react";
import DatePicker, { registerLocale } from "react-datepicker";
import de from "date-fns/locale/de";
import Input from "../../input";
registerLocale("de", de);

const DatePickerView = (props) => (
  <DatePicker
    { ...props }
    locale="de"
    yearDropdownItemNumber={15}
    customInput={<Input />}
    scrollableYearDropdown 
    showYearDropdown 
  />
);

package.json

"react-datepicker": "^2.9.6",
"date-fns": "^2.6.0"

Issue Analytics

  • State:open
  • Created 4 years ago
  • Reactions:8
  • Comments:18 (1 by maintainers)

github_iconTop GitHub Comments

6reactions
JSiscarcommented, Oct 20, 2020

Have just updated react-datepicker in my project and still see this issue. index.js:1 Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of a which is inside StrictMode. Instead, add a ref directly to the element you want to reference.

4reactions
thurrell-atixlabscommented, Mar 12, 2021

This should be reopened, the issue is still happening in version 3.6.0

Read more comments on GitHub >

github_iconTop Results From Across the Web

Jquery Ui Datepicker month/year dropdown is not working in ...
I give a solution for jquery daterangepicker nested in bootstrap modal (problem: selectors month/years not appearing on FF browser).
Read more >
Jquery Ui Datepicker month/year dropdown is not ... - YouTube
HTML : Jquery Ui Datepicker month/ year dropdown is not working in popup in latest firefox [ Gift : Animated Search Engine ...
Read more >
#8088 (Datepicker Month/Year Dropdowns Not Working In ...
In this case not working indicates that clicking on the dropdown has no affect in setting the value and the dropdown simple disappears....
Read more >
DatePicker year and month dropdown is not showing up
Hi, I have MDB pro and after upgrading to 4.4.1 date picker is not showing year and month drop down. It was fine...
Read more >
Jquery Ui Datepicker month/year dropdown is ... - Therichpost
Jquery Ui Datepicker month/year dropdown is not working in boostrap modal popup in firefox ... Here you can check the working and tested...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found