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.

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

  1. Import DateTimePicker
  2. Try to use className prop
  3. Get compile errors

OR

  1. Import DateTimePicker
  2. Try to use style
  3. Get compile errors

Expected behavior

I should be able to use the style and className props

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
kevinhaubecommented, May 29, 2020

I solved for the compile time errors, but I noticed when testing that when you apply classes or inline styles to the root component (InputGroup from Bootstrap) it only applied some text styling to the DatePicker subcomponent from the react-datepicker library. Is customizing the calendar the functionality you’re after, or was this just about the compiler errors?

1reaction
westbrooklogancommented, Feb 19, 2020

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.

Read more comments on GitHub >

github_iconTop 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 >

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