Allow styling in DateTimePicker component
See original GitHub issue🐛 Bug Report
There is currently no way to style the DateTimePicker component as a user of it.
To Reproduce
- Import DateTimePicker
- Try to use
classNameprop - Get compile errors
OR
- Import DateTimePicker
- Try to use
style - Get compile errors
Expected behavior
I should be able to use the style and className props
Issue Analytics
- State:
- Created 4 years ago
- Comments:5 (3 by maintainers)
Top Results From Across the Web
Appearance and Styling | DateTimePicker | ASP.NET Webforms
The theme style sheet applies theme-specific styles like colors and backgrounds. In the following example, the value of CssClass property is set as...
Read more >How to customise DateTimePicker from Material-UI
So basically you have to go to the documentation, try to find the .XXX class that matches the component that you want to...
Read more >The Ultimate Guide to Using and Styling the MUI ... - YouTube
The MUI DatePicker has tons of nested components that can be styled, but...you have to dig into the DOM to find the right...
Read more >Adding Styles to the React Date Picker - DevCamp
In this video we're going to start by styling our date picker. So let's go back to the react date picker. And you'll...
Read more >Wrapping DatePicker in a styled-component prevents typing of ...
A convenient way to apply custom styling with react-datepicker is to wrap the component using the popular styled-components library.
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

I solved for the compile time errors, but I noticed when testing that when you apply classes or inline styles to the root component (
InputGroupfrom Bootstrap) it only applied some text styling to theDatePickersubcomponent from the react-datepicker library. Is customizing the calendar the functionality you’re after, or was this just about the compiler errors?Hi, I’m Logan Westbrook and I’m looking for a good first issue to get started with so I was hoping to get assigned to this.