When you have the fix to a problem, but don’t know the root cause of why that problem is happening, you have two choices:
- Accept you have a solution, and move on, or;
- Accept you have a solution, and figure out the cause of the problem.
The problem is, #2 takes time. And that might not be time you have currently.
Dwelling on some problems is not the best use of my time in my current position.
So here’s my problem, and a solution, but I cannot offer you the root cause to this problem. Nor is it the defacto solution, I believe.
Using React Widgets DateTimePicker
I guess you’re either the kind of developer who creates everything themselves.
Or you first try using other people’s.
I wanted a Date Picker, ideally with time, and I would like it to be hooked up to Redux Form.
The good news, Redux Form already works nicely with React Widgets. See the previous link for a decent tutorial. And this code sample.
As a result, I can quite easily add in a Date Time Picker that’s hooked up to my Redux Store. This is good. It pleases me.
It also allows me to start laser focusing my A/B tests.
But joviality aside (wait, that was humour?), I did hit a problem along the way:
There is a quick fix to this.
Add in a local (S)CSS style:
.rw-popup-container.rw-calendar-popup {
width: 24em !important;
}
It’s good, but it’s not quite right. Good enough for me to continue, though has been firmly lodged into the ticket queue under ‘improvement’.
Here’s what it should look like:
So there you go. Hope it helps someone. It’s unofficial. It’s not the real fix. Any pointers appreciated.
