Skip to main content Skip to docs navigation

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

Boostrap 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