Why is my picker not showing the chevron arrows and other icons?

[amaneja]

I don't want to include font-awesome, is there anything that can be shown by default?

Used the below includes:
<script type="text/javascript" src="Frameworks/jquery-3.6.0/jquery-3.6.0.min.js"></script>
<script type="text/javascript" src="Frameworks/popperjs-2.9.2/popper.min.js"></script>
<script type="text/javascript" src="Frameworks/bootstrap-5.2.0-beta1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="Frameworks/bootstrap-5.2.0-beta1/css/bootstrap.min.css">
<link rel="stylesheet" href="Frameworks/tempus-dominus-6.2.4/css/tempus-dominus.min.css" />
<script type="text/javascript" src="Frameworks/moment/min/moment.min.js"></script>
<script type="text/javascript" src="Frameworks/tempus-dominus-6.2.4/js/tempus-dominus.min.js"></script>
<script type="text/javascript" src="Frameworks/tempus-dominus-6.2.4/js/jQuery-provider.min.js"></script>

Config:
const td = new tempusDominus.TempusDominus(
document.getElementById('datetimepicker1'),
{
display: {
viewMode: 'calendar',
components: {
decades: true,
year: true,
month: true,
date: true,
hours: false,
minutes: false,
seconds: false,

},
buttons: {
today: true,
},
theme: 'light',
},
// defaultDate: (new Date().toLocaleDateString('en-GB', {
// day: 'numeric',
// month: 'numeric',
// year: 'numeric',
// }))
useCurrent: false,
localization: {
startOfTheWeek: 1
}
}
);
td.dates.formatInput = function (date) {
return moment(date).format('DD/MM/YYYY');
};
td.dates.setFromInput(new Date());

[Ste-Mich]

In you config you can add:

display: {
      icons: {
        type: 'icons',
        time: 'bi bi-clock',
        date: 'bi bi-calendar-week',
        up: 'bi bi-arrow-up-circle',
        down: 'bi bi-arrow-down-circle',
        previous: 'bi bi-arrow-left-circle',
        next: 'bi bi-arrow-right-circle',
        today: 'bi bi-calendar-check',
        clear: 'bi bi-trash',
        close: 'bi bi-x-circle'
      }
}

Which will use Bootstrap Icons, but you still need to add them into your css.

So you either need to add Font Awesome or Bootstrap Icons.

[amaneja]

Thanks a lot!