icons.rightIcon : StringDefault: '<i class="gj-icon event" />'

datepicker icon definition.

Examples

Custom Material Icon

    
 <input id="datepicker" width="312" />
 <script>
     $('#datepicker').datepicker({
         icons: {
             rightIcon: '<i class="material-icons">date_range</i>'
         }
     });
 </script>

Custom Glyphicon Icon

    
 <input id="datepicker" width="220" />
 <script>
     $('#datepicker').datepicker({
         uiLibrary: 'bootstrap',
         icons: {
             rightIcon: '<span class="glyphicon glyphicon-chevron-down"></span>'
         }
     });
 </script>

Bootstrap 4

    
 <input id="datepicker" width="234" />
 <script>
     $('#datepicker').datepicker({
         uiLibrary: 'bootstrap4',
         icons: {
             rightIcon: '<i class="material-icons">date_range</i>'
         }
     });
 </script>

Bootstrap 5

    
 <input id="datepicker" width="234" />
 <script>
     $('#datepicker').datepicker({
         uiLibrary: 'bootstrap5',
         icons: {
             rightIcon: '<i class="material-icons">date_range</i>'
         }
     });
 </script>