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.
Using JSS provider breaks styling/alignment of DateTimePicker
See original GitHub issueEnvironment
| Tech | Version |
|---|---|
| material-ui-pickers | 1.0.0-rc.5 |
| material-ui | 1.0.0-beta.41 |
| React | 16.3.1 |
| Browser | Chrome 65.0.3325.181 (64bit) |
| Platform | macOS High Sierra |
Steps to reproduce
- Wrap the
MuiPickersUtilsProviderwith aJssProvider - Add a
DateTimePickersomewhere in your app
Expected behavior
The DateTime picker doesn’t take the full high of the window and looks normal as it does in the examples.
Actual behavior
The DateTime picker takes the entire height of the window. Also, only half of the the minutes selector is shown.
Live example
Issue Analytics
- State:
- Created 5 years ago
- Comments:12 (10 by maintainers)
Top Results From Across the Web
Using JSS provider breaks styling/alignment of DateTimePicker
Ok, I figured out how to avoid that behavior. You need to pass createGenerateClassName to jss instance. Here's how to do that: import...
Read more >How can I get jQuery DatePicker to not break a <span> or ...
I think you want to be able to activate a date picker and use the results to set the permalink. I think when...
Read more >JSS integration with React
React-JSS integrates JSS with React using the new Hooks API. JSS and the default preset are already built in. Try it out in...
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 >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
@Maher4Ever here’s your example, updated with code above: https://codesandbox.io/s/8l7lv044w8
Is this issue is still related? I will close it due to inactivity. But if its an issue feel free to ask for reopen. If we cannot fix it - will add it to the FAQ