TimeRange emptyColor

[anton-johansson]

Describe/explain the bug

According to the documentation, the TimeRange (and ResponsiveTimeRange) should have the emptyColor property, just like the Calendar component. You can see it here:

An array of colors to be used in conjunction with domain to compute days' color. It applies to days having a value defined, otherwise, emptyColor will be used.

To Reproduce
https://codesandbox.io/s/frosty-swartz-07f8z?file=/src/App.js

Expected behavior
I expect the emptyColor property to exist and have an effect. In my case, the time range will feel very empty if I don't have those "empty" boxes. :(

Desktop (please complete the following information):

• OS: Ubuntu
• Browser Chrome
• Version 90.0.4430.93

Additional context
Add any other context about the problem here.

[yozibak]

Hi, I also want this feature to be added.
Though my current workaround here is to generate Array of objects which value is 0,
and set the first item of color array to be emptyColor.

But the problem is if the data value range is rather large, smaller value items also set to be emptyColor.
Or can I set each item with specific color?

[vgeary96]

We wanted to use the TimeRange component as well but this is stopping us. Looking at the code I think the best way to go about this would be to add support for from, to, and emptyColor props and support holes in the data set like the Calendar component.

@wyze have those features already been planned out? If not I'd be willing to give it a go.

[wyze]

Not planned out, a PR would be great.

[vgeary96]

@wyze let me know what you think, most of the changes were inspired by the calendar component :) #1722

[wyze]

Closed via #1722.

[321ckatz123]

@wyze this does not appear to have been pushed to npm. Can you please push this PR?

[plouc]

@321ckatz123, I just published 0.74.0, which includes this.