спасибо за ответ, но необходимо сделать так как по ссылке https://jsfiddle.net/evgeniel/e3t4y9Ls/, как я понимаю, по ссылке там браузерный вариант календаря, но как сделать из примера приведенного вами календаря в ту что по ссылке?
holfza: это же как я знаю с помощью атрибута, то есть календарь не js, там он должен быть компонентом(любое количество раз на страницу можно выставить) и проверка должна быть, первая дата должна быть меньше второй то есть промежуток, исходя из этого необходимо я так понимаю разработать свой календарь, или нет?
ch3rri: спасибо большое, z-index получается тут не причем? надо было с позициями разобраться только) еще вопрос а почему с низу все блоки вровень а сверху нет?
Roman: нет, видимо я не умею объяснять)
вот: На левом элементе нужно отобразить 3 чекбокса, на правом - раскрывающийся список и поле для ввода.
Кроме этого, у "увеличенных" div'ов должен быть крестик для закрытия, кнопка "Сохранить" и ссылка "Не сохранять" (ссылка и крестик сворачивают div обратно без сохранения изменений).
Данные для развернутых div'ов нужно брать из JSON-объекта, хранящегося в странице (конкретное место хранения JSON-объект на Ваше усмотрение). При нажатии на кнопку "Сохранить" изменения должны сохраняться в JSON-объекте и при повторном клике на свернутый div они должны должны быть отображены в div'e.
Под сворачиванием понимается возвращение div'а в исходное местоположение и удаление содержимого и замена на начальную картинку, которая была в нем.
Это задание чтобы попасть на курсы по JS, как я понял заполненное содержимое должно сохраняться в json файле каком то?
я немножко не понял, а зачем выводить в инпут с классом json-data? мне надо json-объект сохранить содержимое в этих двух блоках, в одном чекбокс галочки, в другом список раскрывающий с полей ввода, попытался, но не понимаю вот codepen.io/evgeniel/pen/yadYom