Элемент даты HTML имеет пустое место, когда отключен ⇐ Javascript

[Anonymous]

Проблема:

У меня есть

Код: Выделить всё

элемент, и он выглядит так:

обычный селектор даты

как вы видите, есть значок «календаря», который можно использовать для выбора даты.
но когда я отключаю поле даты с помощью:

Код: Выделить всё

это выглядит так:

пустое место вместо значка календаря
как вы видите, значка «календарь» больше нет, но на месте, где он был раньше, есть пустое место, я думаю, что пустое место выглядит плохо, и я бы хотел его удалить.
Что я пробовал:

Я попытался уменьшить размер ввода, с

Код: Выделить всё

но это начинает выглядеть очень странно, потому что невидимый значок календаря закрывает текст мм/дд/гггг, как вы можете видеть ниже.

мм/дд/гггг скрыт частично
еще одна вещь, о которой я подумал, это иметь элемент-контейнер с overflow=hidden, чтобы «отрезать» пустое пространство, но это испортило бы границу ввода, что усложнило бы работу с выбранными и невыбранные состояния.
Вопрос:

Есть ли чистый и практичный способ сделать элемент ввода такой же ширины, как текст мм/дд/гггг, когда он отключен, без значка календаря, закрывающего текст?

Подробнее здесь: https://stackoverflow.com/questions/798 ... n-disabled