Как стилизовать маску отдельно от велью инпута?

Question

[Pavel M]

как сделать, что бы маска осталась одним цветом, а текст в инпуте другим? использую react-input-mask

mm/dd/yyyy - всё кроме / красным.

начинаю вводить: 15/2d/yyyy

15/2 - черным цветом
d/yyyy - незаполненная маска осталась красным.

по сути, маска и велью инпута это одно и тоже, и без танцев с бубном тут не обойтись, но как отделаться малой кровью?

Comments

[Ankhena]

Можно как-нибудь попробовать на базе этого https://jsfiddle.net/Ankhena/5jecmvw0/
С моноширным шрифтом легко. С немоноширным как-то вычислять точку перехода градиента.