Plugins - Bootstrap Icons v1
On this page
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 '@eonasdan/tempus-dominus/dist/plugins/bi-one'
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 }});
Boostrap Icons v1 Icons
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 |