Vanilia JS Datepicker - jak zmniejszyć rozmiar okna datepickera?

Mam projekt z użyciem Vanilia JS Datepicker ale nie potrafię poradzić sobie z CSS użytym tam.
Chodzi o zmniejszenie wielkości okna wyskakującego "datepickera" - czy ktoś może mi doradzić jak to zrobić?
Link do projektu na CodePen: https://codepen.io/marcif/pen/gOBGyVN

Biorąc pod uwagę style, które masz już obecnie to potrzeba czegoś takiego

.datepicker {
  width: 185px; /* <-- Tutaj trzeba wpisać nową szerokość */
}

.datepicker-view {
  width: 100%;
}

Xarviel napisał(a):

Biorąc pod uwagę style, które masz już obecnie to potrzeba czegoś takiego

Wprowadziłem zmiany w projekcie na codepen i raczej to nie to - zerknij sam co się dzieje.

marcifo napisał(a):

Wprowadziłem zmiany w projekcie na codepen i raczej to nie to - zerknij sam co się dzieje.

Dodałeś style w taki sposób, że jedna wersja nadpisuje drugą.

width: 100% nie jest widoczne

.datepicker-view {
  width: 100%;
}

ponieważ kilkanaście linijek później zmieniasz to na rem

.datepicker-view {
   width: 15.75rem;
}

Przykład zadziała jeśli skasujesz ten fragment z rem, który podałem wyżej.

Taki finalny efekt jest u mnie w przeglądarce

Teraz faktycznie zadziałało - dzięki za pomoc.