Как переместить выпадающий список datepiciker выше формы ввода?

Question

Есть ли простой способ CSS / JS сделать это, то есть не пытаться выяснить, сколько места осталось, а просто "переключить его"?

Я пытался использовать отрицательные поля, но это не помогло.

Вот песочница с кодом .

Answer 1

Вы можете попробовать сделать ваше всплывающее окно абсолютным, а контейнер - относительным. В вашем случае .input-group будет контейнером, а #datepicker - всплывающим окном:

. Вы можете добавить это в css:

.input-group {
  position: relative;
}

#datepicker {
  position: absolute;
  bottom: 25px;  // Adjust as needed
}

Рабочая песочница https://codesandbox.io/s/damp-haze-fq21z