Datepicker только с месяцем и днем ​​(скрыть год)

ну, дело в использовании encapsulation:ViewEncapsulation.None и классе, подобном

.bs-datepicker-head button:nth-child(3){
  display:none!important;
}

Проблема с ViewEncapsultaion.None заключается в том, что все ваши .css в компоненте влияют на все приложение. Итак, лучше напишите .css вроде

.custom .bs-datepicker-head button:nth-child(3){
  display:none!important;
}

Итак, если мы используем ViewEncapsultaion.None, это повлияет только на средство выбора даты, которое имеет класс «пользовательский». Чтобы создать datePicker с пользовательским классом, вам нужно использовать [bsConfig].

я пишу код

Наш .html

<div class = "content">
  <h4>datepicker should display current date:</h4>
  <div class = "row">
    <div class = "col-xs-12 col-12 col-md-4 form-group">
      <input type = "text"
            class = "form-control"
            [minDate] = "minDate"
            [maxDate] = "maxDate"
            #dp = "bsDatepicker" [bsConfig] = "bsConfig"
            bsDatepicker [(bsValue)] = "myDateValue">
    </div>
  </div>
</div>

И наш компонент

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css'],
  encapsulation: ViewEncapsulation.None
})
export class AppComponent implements OnInit {
  myDateValue: Date;
  bsConfig: Partial<BsDatepickerConfig>;
  ngOnInit() {
    this.myDateValue = new Date();
    //see that our class was "theme-green custom"
    this.bsConfig = Object.assign({}, { containerClass: 'theme-green custom' });
  }
}

Вы можете увидеть в стекблиц