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.

[docs] Unable to install datepicker

See original GitHub issue

I’m having problems installing datepicker (also the new one).

  • The issue is present in the latest release.
  • I have searched the issues of this repository and believe that this is not a duplicate.

Current Behavior 😯

The guide at ‘https://next.material-ui.com/guides/pickers-migration/’ explains that al l that needs to be done is install the package @material-ui/lab. All required datepicker modules are unable to resolve:

  Line 9:28:   Unable to resolve path to module '@material-ui/lab/AdapterDateFns'        import/no-unresolved
  Line 10:34:  Unable to resolve path to module '@material-ui/lab/LocalizationProvider'  import/no-unresolved
  Line 11:24:  Unable to resolve path to module '@material-ui/lab/DatePicker'            import/no-unresolved

Steps to Reproduce 🕹

  npm install @material-ui/core
  npm install @material-ui/labs

  import AdapterDateFns from '@material-ui/lab/AdapterDateFns';
  import LocalizationProvider from '@material-ui/lab/LocalizationProvider';
  import DatePicker from '@material-ui/lab/DatePicker';

Your Environment 🌎

`npx @material-ui/envinfo`
  System:
    OS: macOS 11.2.1
  Binaries:
    Node: 14.15.0 - /usr/local/bin/node
    Yarn: 1.22.5 - /usr/local/bin/yarn
    npm: 7.5.4 - /usr/local/bin/npm
  Browsers:
    Chrome: 89.0.4389.82
    Edge: Not Found
    Firefox: 77.0.1
    Safari: 14.0.3
  npmPackages:
    @material-ui/core: ^4.11.3 => 4.11.3 
    @material-ui/icons: ^4.11.2 => 4.11.2 
    @material-ui/lab: ^4.0.0-alpha.57 => 4.0.0-alpha.57 
    @material-ui/styles:  4.11.3 
    @material-ui/system:  4.11.3 
    @material-ui/types:  5.1.0 
    @material-ui/utils:  4.11.2 
    @types/react: ^17.0.0 => 17.0.2 
    react: ^17.0.1 => 17.0.1 
    react-dom: ^17.0.1 => 17.0.1 
    typescript: ^4.1.2 => 4.2.3 

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:1
  • Comments:7 (4 by maintainers)

github_iconTop GitHub Comments

2reactions
eps1loncommented, Mar 10, 2021

Thanks for the report.

The documentation at https://next.material-ui.com/guides/pickers-migration/ is only valid using Material-UI packages with the next tag i.e. npm install @material-ui/core@next; npm install @material-ui/lab@next.

Does this resolve your issue?

0reactions
oliviertassinaricommented, Mar 28, 2021

@marcusjwhelan I have tried to run the reproduction with npm run start but it fails from everywhere. It looks like a configuration issue. I’m marking the conversation resolved.

Read more comments on GitHub >

github_iconTop Results From Across the Web

[docs] Unable to install datepicker · Issue #25290 - GitHub
I'm having problems installing datepicker (also the new one). The issue is present in the latest release. I have searched the issues of...
Read more >
Date popup menu is not working. I am Unable to choose date ...
When I am inserting date in a question the date picker is not working. Its showing inactive. That is why I have to...
Read more >
Cannot get material-ui datepicker to work - Stack Overflow
I have created a stackblitz with just the datepicker (https://stackblitz.com/edit/react-6ma6xd?embed=1&file=index.js) and even there the error ...
Read more >
react-datepicker - npm
A simple and reusable datepicker component for React. ... Start using react-datepicker in your project by running `npm i react-datepicker`.
Read more >
Google Sheets - Add a Pop-Up Calendar Date Picker - YouTube
Make it easy to insert dates using a pop-up calendar date selector in a cell in Google Sheets. ... Your browser can't play...
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