Fix calendar not toggling when open prop changes

Simon Egersand

2017-12-01 d0b63bcd5330053a64331014be9e118c66205e80

Fix calendar not toggling when open prop changes

 DateTime.js

@@ -152,7 +152,9 @@
        }

        if ( updatedState.open === undefined ) {
            if ( this.props.closeOnSelect && this.state.currentView !== 'time' ) {
            if ( typeof nextProps.open !== 'undefined' ) {
                updatedState.open = nextProps.open;
            } else if ( this.props.closeOnSelect && this.state.currentView !== 'time' ) {
                updatedState.open = false;
            } else {
                updatedState.open = this.state.open;

 test/tests.spec.js

@@ -97,6 +97,18 @@
        expect(utils.isYearView(component)).toBeTruthy();
    });

    it('toggles calendar when open prop changes', () => {
        const component = utils.createDatetime({ open: false });
        expect(utils.isOpen(component)).toBeFalsy();
        // expect(component.find('.rdtOpen').length).toEqual(0);
        component.setProps({ open: true });
        expect(utils.isOpen(component)).toBeTruthy();
        // expect(component.find('.rdtOpen').length).toEqual(1);
        component.setProps({ open: false });
        expect(utils.isOpen(component)).toBeFalsy();
        // expect(component.find('.rdtOpen').length).toEqual(0);
    });

    it('selectYear', () => {
        const date = new Date(2000, 0, 15, 2, 2, 2, 2),
            component = utils.createDatetime({ viewMode: 'years', defaultValue: date });