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

datepicker icon definition.

Examples

Custom Material Icon

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

  

Custom Glyphicon Icon

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

  

Bootstrap 4

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