Pour une raison qui m'est inconnue, mon NgbDatePicker est beaucoup plus petit que je ne le souhaite. Il s'affiche actuellement à la taille suivante :
...alors que je m'attendais à ce qu'il s'affiche à la taille de l'exemple trouvé ici
Une chose étrange que j'ai remarquée est que la partie suivante du sélecteur de date dans mon application a l'attribut _ngcontent-c0 sur son div :
...alors que la même partie de l'exemple trouvé sur le site web a l'attribut suivant _ngcontent-c4 sur son div. Cela signifie que leurs divs ne sont même pas les mêmes. Ce même attribut est également utilisé dans plusieurs sélecteurs css.
Voici le code dans lequel je fais apparaître le sélecteur de date. Je le fais apparaître lorsqu'un champ de saisie est cliqué :
<form class="form-inline">
<div class="form-group">
<div class="input-group">
<input readonly class="form-control rounded" (click)="d.toggle()" (clickOutside)="onDocumentClick($event, d)" (ngModelChange)="onModelChanged($event)" placeholder="yyyy-mm-dd"
name="dp" [(ngModel)]="model" ngbDatepicker #d="ngbDatepicker">
<svg><use xlink:href="sprite.svg#calendar"></use></svg>
</div>
</div>
</form>Il s'agit du code ngOnInit() du composant qui configure le DatePicker :
ngOnInit(): void {
let today = new Date();
let todayInDateStruct = {day: today.getUTCDate(), month: today.getUTCMonth() + 1, year: today.getUTCFullYear()};
this.config.maxDate = this.maxDate || todayInDateStruct;
this.config.minDate = this.minDate || {year: 1900, month: 1, day: 1};
if (this.minDate$) {
Rx.on(this, this.minDate$, (minDate: NgbDateStruct) => {
if (minDate) {
this.config.minDate = minDate;
}
});
}
/*
The following line sets the first day of the week on the Calendar to Sunday instead of the default Monday.
source: https://ng-bootstrap.github.io/#/components/datepicker/api
*/
this.config.firstDayOfWeek = 7;
}Existe-t-il un moyen d'augmenter la taille du NgbDatepicker sans surcharger plusieurs styles de NgbDatepicker ?
