Skip to main content

# 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:

Datetime Picker

    <!-- input with datetimepicker -->
    <div class="form-group">
        <label class="label-control">Datetime Picker</label>
        <input type="text" class="form-control datetimepicker" value="10/05/2018"/>
    </div>

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