flatpickr добавить кнопку закрытия окна в календарь
Использую плагин flatpickr
Код:
flatpickr('.flatpickr', {
mode: 'range',
dateFormat: 'Y-m-d',
monthSelectorType: 'static',
yearSelectorType: 'static',
enableTime: true,
plugins: [new confirmDatePlugin({
confirmText: 'OK',
showAlways: true,
})]
})
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flatpickr/4.6.9/flatpickr.min.css" integrity="sha512-OtwMKauYE8gmoXusoKzA/wzQoh7WThXJcJVkA29fHP58hBF7osfY0WLCIZbwkeL9OgRCxtAfy17Pn3mndQ4PZQ==" crossorigin="anonymous" referrerpolicy="no-referrer"
/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/flatpickr/4.6.9/flatpickr.min.js" integrity="sha512-+ruHlyki4CepPr07VklkX/KM5NXdD16K1xVwSva5VqOVbsotyCQVKEwdQ1tAeo3UkHCXfSMtKU/mZpKjYqkxZA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flatpickr/4.6.9/plugins/confirmDate/confirmDate.min.css" integrity="sha512-i4miv4uj4m8CwmH7M2HfUr2BXzyLTmexzQi+e27yE+aXivR5iQ2urKV34j3rqNeZcesfmXAtSeLuFuaERTxgEA==" crossorigin="anonymous"
referrerpolicy="no-referrer" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/flatpickr/4.6.9/plugins/confirmDate/confirmDate.min.js" integrity="sha512-1i+/acCsIcNalgRB2EYt0L9DgSbJNa3dkWGact3+MsbvgAjvLaEstuS6jApFZKa3yRXrtiOMgex/1j/pJSseFQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<div class="container py-5">
<form>
<label>Choose date</label>
<div class="calendar position-relative">
<input type="text" name="Date" class="form-control flatpickr" placeholder="Date">
</div>
</form>
</div>
Вопрос: как добавить под кнопку confirm "Ok" еще и кнопку Cancel, которая будет очищать выбор и закрывать окно?