How to override the dp-material css for ng2-date-picker?

[alieshghi]

how we can change the width of date picker when we use recommended theme (dp-material) or adding z-index to that? same question here. this is my code:

dp-date-picker.dp-material .dp-picker-input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 30px;
  width: 170px;
  font-size: 13px;
  outline: none;
}

but after checking in browser I see :

dp-date-picker.dp-material .dp-picker-input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 30px;
  width: 252px;
  font-size: 13px;
  outline: none;
}

as you see width not change. and for z index as you mention here I did :

.dp-calendar-nav-container{
             background: #464646 !important;
             color: #ffffff;
             z-index: 99999;
  }

but there is no change. thanks for your nice date picker.

[fingerpich]

Please create a demo so you would have better responses in SO and here.