Examples without external styles
This page is to demonstrate that the picker can be used free of other styling.
For full examples and to return to the main site click here.
<div
class='input-group'
id='datetimepicker1'
data-td-target-input='nearest'
data-td-target-toggle='nearest'
>
<input
id='datetimepicker1Input'
type='text'
class='form-control'
data-td-target='#datetimepicker1'
/>
<span
class='input-group-text'
data-td-target='#datetimepicker1'
data-td-toggle='datetimepicker'
>
<span class='fas fa-calendar'></span>
</span>
</div>
new tempusDominus.TempusDominus(document.getElementById('datetimepicker1'));