modal : BooleanDefault: false

If set to true, the datetimepicker will have modal behavior.

Examples

Material Design

    
 <input id="input" width="312" />
 <script>
    $('#input').datetimepicker({ modal: true });
 </script>

  

Bootstrap

    
 <input id="input" width="220" />
 <script>
    $('#input').datetimepicker({ uiLibrary: 'bootstrap', modal: true, footer: true });
 </script>

  

Bootstrap 4

    
 <input id="input" width="234" />
 <script>
    $('#input').datetimepicker({ uiLibrary: 'bootstrap4', modal: true, footer: true });
 </script>

  

Bootstrap 5

    
 <input id="input" width="234" />
 <script>
    $('#input').datetimepicker({ uiLibrary: 'bootstrap5', modal: true, footer: true });
 </script>