modal : BooleanDefault: false

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

Examples

Material Design

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

  

Bootstrap

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

  

Bootstrap 4

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

  

Bootstrap 5

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