Fix --open className not added when widgets are open

Closes #190

Author: wojtekmaj

src/DateTimePicker.jsx

@@ -435,15 +435,15 @@ export default class DateTimePicker extends PureComponent {
   render() {
     const { eventProps } = this;
     const { className, disabled } = this.props;
-    const { isOpen } = this.state;
+    const { isCalendarOpen, isClockOpen } = this.state;
 
     const { onChange, ...eventPropsWithoutOnChange } = eventProps;
 
     return (
       <div
         className={mergeClassNames(
           baseClassName,
-          `${baseClassName}--${isOpen ? 'open' : 'closed'}`,
+          `${baseClassName}--${isCalendarOpen || isClockOpen ? 'open' : 'closed'}`,
           `${baseClassName}--${disabled ? 'disabled' : 'enabled'}`,
           className,
         )}

src/DateTimePicker.spec.jsx

@@ -148,6 +148,22 @@ describe('DateTimePicker', () => {
     expect(wrapper).toHaveClass(className);
   });
 
+  it('applies "--open" className to its wrapper when given isCalendarOpen flag', () => {
+    const { container } = render(<DateTimePicker isCalendarOpen />);
+
+    const wrapper = container.firstChild;
+
+    expect(wrapper).toHaveClass('react-datetime-picker--open');
+  });
+
+  it('applies "--open" className to its wrapper when given isClockOpen flag', () => {
+    const { container } = render(<DateTimePicker isClockOpen />);
+
+    const wrapper = container.firstChild;
+
+    expect(wrapper).toHaveClass('react-datetime-picker--open');
+  });
+
   it('applies calendarClassName to the calendar when given a string', () => {
     const calendarClassName = 'testClassName';