Cannot show date picker filter in orders panel

[mikemurray]

Expected behavior

Clicking the arrow to show the date filters in the orders panel should show a popover with a date picker.

Actual behavior

The popover is not shown and an error appears in the console.

Steps to reproduce the behavior

With all npm packages up to date on the master branch. Open the orders panel and try to reveal the date picker.

Research

It seems like in the latest version of the react-dates package we need to initialize before use.

This is how the imports should look in calendarPicker.js.

import "react-dates/initialize";
import { DayPickerRangeController } from "react-dates";

While the above should allow the date picker to show up, all of the CSS is broken. Seems they refactored all of the class names. Seems most of them seem similar, but with removed hyphens and added camelCasing.

summary

• Need to initialize before use import "react-dates/initialize";
• Need to update all CSS in calendarPicker.less

Versions

Node: 7.2.0 NPM: 5.3.0 Meteor Node: 8.8.1 Meteor NPM: 5.4.2 Reaction CLI: 0.24.2 Reaction: 1.6.1 Reaction branch: master Docker: 17.09.0-ce

[mikemurray]

Since this is pretty badly broken, and its blocking another issue I'm working on, I'll knock this out.