Skip to main content Skip to docs navigation

Plugins - Font Awesome 6

Font Awesome 5

You can use this plugin to set the global default icons to FA5. This plugin requires the FA5 resources to be loaded.


//example picker
const datetimepicker1 = new tempusDominus.TempusDominus(document.getElementById('datetimepicker1'));

//to set globally
tempusDominus.extend(window.tempusDominus.plugins.fa_five);
//or
import {load, fasixIcons} from 'tempusDominus/plugins/fa-five'
tempusDominus.extend(load);

// otherwise to set icons to an individual picker
datetimepicker1.updateOptions({ display: icons: window.tempusDominus.plugins.fa_five.fasixIcons});
//or
datetimepicker1.updateOptions({ display: icons: faFiveIcons});

    
FA icons
Option Value
type icons
time fas fa-clock
date fas fa-calendar
up fas fa-arrow-up
down fas fa-arrow-down
previous fas fa-chevron-left
next fas fa-chevron-right
today fas fa-calendar-check
clear fas fa-trash
close fas fa-xmark