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
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 |