Cant change width of nz-date-picker

[chichujn]

Version

0.7.1

Environment

Windows 10 64bit, Chrome 66, ng-zorro 0.7.1

Reproduction link

https://ng-zorro-antd-setup-zkxsjw.stackblitz.io

Steps to reproduce

Change width of nz-date-picker to 100%

What is expected?

nz-date-picker should stretch to fill parent width, like nz-input-number and nz-select etc.

What is actually happening?

nz-date-picker keep a fixed width, 174px in test

Other?

[vthinkxie]

https://stackblitz.com/edit/ng-zorro-antd-setup-tuv9km?file=app/app.component.css
The html element of nz-date-picker is not the same as antd react version.
@wilsoncook

[wilsoncook]

The behavior is the same with antd, it is not follow the ancestor's width except you set width:100% to nz-date-picker, see antd below:

[vthinkxie]

@wilsoncook the wrapper div should not exist at all.

[IonelLupu]

@vthinkxie any updates on this? Currently I am manually changing the width of the datepicker like this:

nz-date-picker{
    width: 100%;
    nz-picker{
        width: 100%;
        display: inline-block;
        .ant-calendar-picker{
            width: 100%;
        }
    }
}

[Xambey]

+same problem

[vthinkxie]

cc @wenqi73

[phoenix503]

@vthinkxie any updates on this? Currently I am manually changing the width of the datepicker like this:

nz-date-picker{
    width: 100%;
    nz-picker{
        width: 100%;
        display: inline-block;
        .ant-calendar-picker{
            width: 100%;
        }
    }
}

It is not working for me?