CODEWITHSUNDEEP
htmlcssangularng-zorro-antd
kdubss
kdubss

Reputation: 333

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

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

Upvotes: 2

Views: 3897

Answers (2)

outofgamut
outofgamut

Reputation: 46

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;
}

Upvotes: 1

junk
junk

Reputation: 997

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.

Upvotes: 3

Related Questions