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.

Time values CSS broken out of the box?

See original GitHub issue

Expected behavior

Times to be visible

Actual behavior

Times not visible

Steps to reproduce

import 'react-datepicker/dist/react-datepicker.css';
//...
<DatePicker showTimeSelect />

screen shot 2018-02-28 at 2 03 21 pm

Issue Analytics

State:
Created 6 years ago
Reactions:14
Comments:10

Top GitHub Comments

7reactions

christiantaklecommented, Apr 29, 2018

I use an overwrite:

.react-datepicker__time-list {
  padding: 0;
}

Depending on the project you may need to add more specificity to the selector.

1reaction

beshanoecommented, May 18, 2018

@davegravy sure, here https://github.com/Hacker0x01/react-datepicker/blob/e052b4ad349c92670b63c0a19d69a6a5f1fb6396/docs-site/style.css#L727 starting from line 645 there’s kinda reset styles, and specifically on 727 padding: 0 is what makes examples work. You can see it when inspect as well

Top Results From Across the Web

box-decoration-break - CSS: Cascading Style Sheets | MDN

The box-decoration-break CSS property specifies how an element's fragments should be rendered when broken across multiple lines, columns, ...

CSS transition-delay Property - W3Schools

Property Values ; time, Specifies the number of seconds or milliseconds to wait before the transition effect will start ; initial, Sets this...

transition | CSS-Tricks

So, if we have, say, a box with a red background that we want to ... The first value that the browser recognizes...

CSS transition auto height not working - Stack Overflow

Don't forget to change the property in your transition as well. ... box-shadow 0.6s linear; transition: max-height 0.3s ease-in-out, box-shadow 0.6s linear; ...

Animation Using CSS Transforms - The Art of Web

The animations presented below involve setting up a transformation ... For best practice you should include seconds for all CSS time values.