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'));