Вам необходимо реализовать элемент интерфейса datepicker. Это календарь, появляющийся, например, при фокусе на -блоке (пример есть здесь http://jqueryui.com/datepicker/). Также есть случаи, когда этот элемент может находиться на странице перманентно, как, например, на сайте http://eviterra.com/. Форматирование вставляемой даты определяется в настройках элемента.
Главная задача реализовать этот элемент двумя способами:
- с помощью БЭМ-методологии и фреймворка i-bem.js;
- с помощью веб-компонент.
Не забудьте предусмотреть тот факт, что некоторые пользователь могут зайти на вашу страницу в 23:59 ;). Возможности локализации, а также дизайн остаются на ваше усмотрение и вкус.
- Вся документация по bem, в том числе мануал
- W3C Web-Components
- Are we componentized yet? - здесь есть ссылки на актуальные спецификаци
- Статьи на HTML5Rocks:
- Проект Polymer – интересная реализация полифиллов над веб-компонентами