You can use this plugin to set the global default icons to Bootstrap Icons v1. This plugin requires Bootstrap Icons v1 resources to be loaded.
//example picker
const datetimepicker1 = new tempusDominus.TempusDominus(document.getElementById('datetimepicker1'));
//to set globally
tempusDominus.extend(window.tempusDominus.plugins.bi_one.load);
//or
import {load, biOneIcons} from 'tempusDominus/plugins/bi-one'
tempusDominus.extend(load);
// otherwise to set icons to an individual picker
datetimepicker1.updateOptions({ display: icons: window.tempusDominus.plugins.bi_one.biOneIcons});
//or
datetimepicker1.updateOptions({ display: icons: biOneIcons});
| Option | Value | |
|---|---|---|
| type | icons | |
| time | bi bi-clock | |
| date | bi bi-calendar-week | |
| up | bi bi-arrow-up | |
| down | bi bi-arrow-down | |
| previous | bi bi-chevron-left | |
| next | bi bi-chevron-right | |
| today | bi bi-calendar-check | |
| clear | bi bi-trash | |
| close | bi bi-x |