Skip to main content Skip to docs navigation

Plugins - Font Awesome 5

On this page

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.load);
//or
import {load, faFiveIcons} from '@eonasdan/tempus-dominus/dist/plugins/fa-five'
extend(load);

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

FA 5 Icons

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