Вы можете использовать ng-pick-datetime и заменить значок fa на любое другое представление (другое svg, png и т. Д.)
Просто установите его с помощью:
npm install ng-pick-datetime --save
Если вы используете Angular CLI, вы можете добавить это в ваши styles.css:
@import "~ng-pick-datetime/assets/style/picker.min.css";
И вместо (из примеров):
<input [owlDateTime]="dt2" placeholder="Date Time">
<span [owlDateTimeTrigger]="dt2"><i class="fa fa-calendar"></i></span>
<owl-date-time #dt2></owl-date-time>
Вы можете просто запустить сборщик с помощью:
<input [owlDateTime]="dt2" placeholder="Date Time">
<span [owlDateTimeTrigger]="dt2"><img src="path/to/file.png" alt="dp-icon" /></span>
<owl-date-time #dt2></owl-date-time>
Пожалуйста, смотрите , как использовать для более подробной информации о реализации этого пакета в вашем угловом проекте.
Другая идеяможет быть просто использовать загрузчик даты в зависимости от ваших предпочтений относительно UX и дизайна.