На одном из проектов по работе (проект был для банковской сферы, не в открытом доступе) мы делали элемент для ввода периода. Но заказчика не устраивал тот компонент который мы взяли разработку airbnb/react-dates (сейчас этот пакет уже не относится к airbnb и перестал развиваться). Ему не нравился формат ввода даты и времени вручную, нужно было прописывать все знаки - точки, двоеточие вручную. И я сделала компонент для ввода даты и времени по формату дд.мм.гггг чч:мм с использование компонента react-input-mask (к сожалению проект тоже не обновляется)...

На данный момент маски ввода телефона, как например +7 (___) ___ — __ повсеместно используются на сайтах. Это исключает ошибки при вводе и проверке вводимых данных, а так же приводит сбор данных к единому формату. Как просто сделать такую и другие маски ввода рассмотрим в этой статье. Для создания маски в полях ввода существуют различные плагины jQuery. На мой взгляд самый лучший и быстрый вариант это плагин jQuery Inputmask от Robin Herbots. Он стабильно работает и у него большое количество возможностей и настроек...