javascript - Disable or modify input[date] default buttons/controls and datepicker -

i have input field of type date (for validation using ngmessages):

<input type="date" ng-model="info.date" id="datefield" class="input-field datepicker">

i using own bootstrap datepicker.

i want rid of default datepicker calendar , default buttons/controls input[date] has:

how rid of these?

in case can't rid of these, ok using default calendar datepicker comes angularjs how style these elements (calendar , buttons/controls)?

to disable spinner , picker can use (in chrome):

input::-webkit-calendar-picker-indicator, input::-webkit-inner-spin-button {     display: none; }

you can find these pseudo elements inspecting shadow dom:

Employment