html input holder,html - Html5 remove default place holder from date input - Stack Overflow

I'm building a form that contains a date input. I want to remove the default placeholder which is a date format and attach an icon next to it.

html

2 Pers

3 Pers

4 Pers

Genre

Male

Femme

sass

@import '../../styles/global/_variables.sass'

.container

margin-top:30px

.filter-col

padding-left:10px

padding-right:10px

input, select

border-top: 0

border-right: 0

border-left: 0

border-bottom: 0

border-radius: 0

-webkit-box-shadow: none

box-shadow: none

input:focus

-webkit-box-shadow: none

box-shadow: none

select:focus

-webkit-box-shadow: none

box-shadow: none

form

width: auto

height: 50px

border-radius: 3px

box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.15)

background-color: #f8f8f8

.search-container

margin-left: 75px

.btn-search-submit

border: none

font-size: 16px

cursor: pointer

width: 35px

height: 35px

border: none

background-color: $base-red

color: #fff

border-radius: 3px

margin-right: 10px

margin-left: 15px

.form-inline

background-color: #fff

Is there a way to hack the input date element to get access to the default place holder?

How can I add an icon beside this input? (Bootstrap 4 does not allow glyphicons anymore.)