Est-il possible de modifier la hauteur d'un datepicker?

Bonjour,

J'aimerai réduire la hauteur du pop-up pour un datepicker, pensez-vous qu'il est possible de faire cela?

https://zupimages.net/up/22/12/wvif.png

Code:

---

1 2 3 4 5 6 7 8

<div class="row row-cols-3 pt-3"> <div class="col text-end"> <label for="startDate" class="form-label">Date de départ</label> </div> <div class="col-4"> <input type="text " class="form-control form-max-width " name="startDate " [(ngModel)]="startDate " bsDatepicker [maxDate]="endDate " [required]="!!endDate " autocomplete="off " placement="right"> </div> </div>

---

Je pense qu'il est possible de faire cela en CSS? Mais quelle classe utiliser? Dans mon projet, je ne peux pas utiliser du JS.

D'avance merci

Voici quelques informations relatives que j'utilise:

Code:

---

1 2 3

"bootstrap": "^5.1.3", "ngx-bootstrap": "^8.0.0", "ngx-bootstrap-fix-datepicker": "^5.6.8",

---

c'est du css
j'ai trouvé ça sur internet

Code:

---

1 2 3 4 5 6

.datepicker, .table-condensed { width: 220px; height: 220px; font-size: x-small; }

---

faut faire des recherches plus approfondie

Bonsoir,

Oui effectivement! J'ai trouvé la solution via Stackblitz => https://stackblitz.com/edit/stackove....component.css