Datepicker появляется позади модального класса

Question

У меня проблема с указателем даты, появляющимся за модальным всплывающим окном. Я попытался изменить z-index в css, но, возможно, я сделал это неправильно, поскольку он не работает.

Это HTML

<div class="form-group col-md-12">
                        <label for="startDateInput" class="font-small font-weight-medium">
                            Pick a Start Date *
                        </label>
                        <div class="datepicker">
                            <input type="text" id="startDateInput" class="form-control"
                                   data-toggle="datepicker" name="startDateInput" placeholder="dd/MM/YYYY" />
                        </div>
                    </div>

Это CSS

.datepicker {
            z-index: 9999 !important;
        }

Это функция

$('[data-toggle="datepicker"]').datepicker({ format: 'DD/MM/YYYY' });

Как мне это исправить? Заранее спасибо!

Answer 1

Найден ответ, нужно добавить свойство zIndex

$('[data-toggle="datepicker"]').datepicker({ format: 'DD/MM/YYYY', zIndex:2048 });