То, что получается при выполнении document.getElementsByClassName('dateFolder') - массив, нужно обращаться к конкретному элементу массива, либо перебирать его циклом, если нужно сделать что-то со всеми элементами с этим классом https://codepen.io/UnluckySerivelha/pen/YOeojx
Второй скриншот - это стандартный браузерный хинт, который показывается для незаполненного поля с атрибутом required при отправке формы.
Изменить вид можно просто переопределив css-стили