Adjust <nz-date-picker> (Ng-Zorro) width

user_8921559 0
Viewed 2721

I'm using Ng-Zorro for template styling and am currently implementing an date picker, which I would like to have sitting flush with the dropdown menu above it.

I'd like to manually adjust the width of the date-picker within the template, but I'm seeing this link saying that the width cannot be adjusted...

Trying out html in-line styling did not do anything, so now I'm curious if anyone has been able to readjust the width of the nz-date-picker with Ng-Zorro.

enter image description here

ng-zorro-antd angular css html
2 Answers

enter image description here

May be you need to set the <nz-date-picker> display:block first

then set the span class="ant-calendar-picker" width:100%

hope this could help u.

user_64776940

Adding the following should work to your component's styling should work for you. The additional styling mentioned in the other response is not necessary for me.

nz-date-picker {
  display: block;
}
user_30329400
Related