DateTimePicker v4.17.47

We have created the design of the date-time picker made by Eonasdan. We have changed the colors, typography and buttons, so it can look like the rest of the dashboard.

For more information please check Full Github Documentation.

Here is a coded example:

Datetimepicker

<!-- datetimepicker -->
<div class="card ">
  <div class="card-header ">
    <h5 class="card-title">Datetimepicker</h5>
  </div>
  <div class="card-body ">
    <div class="form-group">
      <input type="text" class="form-control datetimepicker" value="10/05/2018">
    </div>
  </div>
</div>

<!-- javascript for init -->
$('.datetimepicker').datetimepicker({
    icons: {
        time: "fa fa-clock-o",
        date: "fa fa-calendar",
        up: "fa fa-chevron-up",
        down: "fa fa-chevron-down",
        previous: 'fa fa-chevron-left',
        next: 'fa fa-chevron-right',
        today: 'fa fa-screenshot',
        clear: 'fa fa-trash',
        close: 'fa fa-remove'
    }
});