Почему исчезают кнопки у календаря air-datepicker?

ImperatorR

Новичок
У меня заработал air-datepicker вот с такими заголовками:

HTML:
<!doctype html>
<head>
    <meta http-equiv='Content-Type' content='text/html; charset=utf-8'>
        <title>$site_name</title>
     <meta name='viewport' content='width=device-width, initial-scale=1'>
    <link rel='stylesheet' href='./css/mini.css'>

<script src='./jquery/jquery.min.js'></script>
<link rel='stylesheet' href='./css/datepicker.min.css'>
<script src='./js/datepicker.min.js'></script>

</head>
Вот их содержимое здесь:

Есть css который используется на сайте /css/mini.css сюда не влезает, поэтому оставлю ссылка на исходник: https://github.com/Chalarangelo/mini.css/blob/master/dist/mini-default.css

В качестве календаря собственно https://air-datepicker.com/ru использую

Но есть одна проблема - не отображаются кнопки вправо и влево, скриншот 1 и скриншот 2.
Если я удаляю свой css ./css/mini.css который использует весь сайт (но тогда рушится внешний вид всего сайта, что естественно), то отображается нормально, кнопки видно (скриншот 3)


Сам календарь в коде вызывается так:
PHP:
<input type='text' class='datepicker-here' />

Не понятно, какой то стиль css действует на календарь, может кто подсказать как сделать чтобы стрелки вправо и влево отображались корректно?
 

Вложения

  • 30,1 KB Просмотры: 2
  • 28,4 KB Просмотры: 2
Сверху