Add clockpicker component and bugfix

Author: frdteknikelektro

Diff for: app/Console/Commands/stubs/make/webpack.mix.stub

@@ -20,6 +20,7 @@ mix.extract([
   'axios',
   'bootstrap-datepicker',
   'bootstrap-sass',
+  'clockpicker/dist/bootstrap-clockpicker',
   'icheck',
   'jquery',
   'jquery-slimscroll',

Diff for: readme.md

@@ -97,7 +97,7 @@ npm install
 
 Install Inspinia needed package from npm
 ```bash
-npm install --save-dev animate.css bootstrap-sass bootstrap-datepicker font-awesome icheck jquery-slimscroll metismenu moment pace-js select2 select2-bootstrap-theme toastr
+npm install --save-dev animate.css bootstrap-sass bootstrap-datepicker clockpicker font-awesome icheck jquery-slimscroll metismenu moment pace-js select2 select2-bootstrap-theme toastr
 ```
 
 Run Laravel Mix command

Diff for: resources/assets/js/inspinia.js

@@ -19,7 +19,7 @@ try {
   require('bootstrap-datepicker');
 
   // clockpicker
-  require('clockpicker');
+  require('clockpicker/dist/bootstrap-clockpicker');
 
   // select2
   require('select2');

Diff for: resources/views/components/fields/datepicker.blade.php

@@ -1,8 +1,14 @@
 <div class="form-group{{ $errors->has($field['name']) ? ' has-error' : '' }}">
   <label class="control-label">{{ !empty($field['label']) ? $field['label'] : title_case(str_replace('_', ' ', snake_case($field['name']))) }}{{ !empty($field['required']) ? '*' : '' }}</label>
-  <div class="input-group date" data-date-format="yyyy-mm-dd" data-date-z-index-offset="1001">
+  <div class="input-group">
     <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
-    <input type="text" class="form-control" name="{{ $field['name'] }}" value="{{ old($field['name'], isset($model) ? $model->{$field['name']} : null) }}"{{ !empty($field['required']) ? 'required' : '' }}>
+    <input type="text"
+      class="form-control js-datepicker"
+      name="{{ $field['name'] }}"
+      value="{{ old($field['name'], isset($model) ? $model->{$field['name']} : null) }}"{{ !empty($field['required']) ? 'required' : '' }}
+      data-date-format="yyyy-mm-dd"
+      data-date-z-index-offset="1001"
+      >
   </div>
   @if ($errors->has($field['name']))
   <span class="help-block">{{ $errors->first($field['name']) }}</span>

Diff for: webpack.mix.js

@@ -32,6 +32,7 @@ let mix = require('laravel-mix');
    'axios',
    'bootstrap-datepicker',
    'bootstrap-sass',
+   'clockpicker/dist/bootstrap-clockpicker',
    'icheck',
    'jquery',
    'jquery-slimscroll',