Используйте line-height:30px
для диапазона, чтобы текст совпадал с изображением:
<div>
<img style="width:30px; height:30px;">
<span style="line-height:30px;">Doesn't work.</span>
</div>
Для тех, кто сталкивается с той же проблемой, вы можете отключить функцию мобильного просмотра.
Добавьте следующую опцию в flatpickr:
{
disableMobile: "true"
}
Для получения дополнительной информации, Мобильная поддержка - Документация FlatPickr