Проблема с положением значка календаря в поле ввода даты в направлении RTL для Chrome и других браузеров ⇐ CSS

[Anonymous]

У меня возникла проблема с полем ввода даты на веб-сайте, написанном на иврите (RTL). В Firefox значок календаря отображается слева, как и ожидалось, но в Chrome и других браузерах его нет.
Я использую:


html[dir="rtl"] .form-control[type="date"]::-webkit-calendar-picker-indicator {
right: auto;
left: 0;
}

document.addEventListener('DOMContentLoaded', function() {
const dateInputs = document.querySelectorAll('html[dir="rtl"] .form-control[type="date"]');
dateInputs.forEach(input => {
const picker = input.querySelector('::-webkit-calendar-picker-indicator');
if (picker) {
picker.style.right = 'auto';
picker.style.left = '0';
}
});
});



Подробнее здесь: https://stackoverflow.com/questions/791 ... ome-and-ot