Невозможно изменить или дать пользовательский CSS для ng-datepicker - PullRequest
0 голосов
/ 17 мая 2018

Я пытаюсь дать пользовательский CSS для bs-datepicker. Но, он не принимает никаких изменений от component.css. Я попытался добавить имя класса в файл узла bs-datepicker в node_modules и внести изменения css, используя это имя класса, но эти изменения не отражаются при сборке приложения с использованием ng-build. Какие бы изменения я ни делал в модулях узлов, они отражаются в локальном представлении ng serve, но в ng-build не отражаются никакие изменения. Изображение bs-datepicker прилагается здесь

Я хочу изменить позиционирование, отступы и поля указателя даты.

.bs-datepicker {
border-radius: 0 0 4px 4px;
display: flex;
align-items: stretch;
flex-flow: row wrap;
background: #fff;
box-shadow: 0 0 0px 0 #aaa;
position: relative;
z-index: 1;
left: 50%;
margin-top: 50px;
}

Этот CSS-код, который я хочу передать моему bs-datepicker

DatePicker привязан к вводу как

<input id="datepicker" [(ngModel)]="datepicker"  class="form-control" type="text" #JourneyDatepicker="bsDatepicker"  bsDatepicker [bsConfig]="datePickerConfig" [minDate]="minDate"autocapitalize='off' name="journey"  placeholder="Onward Date" autocomplete="off" readonly/>
...