@php
    $col            = $col ?? 6;
    $name           = $name ?? '';
    $label          = $label ?? '';
    $value          = $value ?? '';
    $placeholder    = $placeholder ?? '';
    $disabled       = $disabled ?? false;
    $required       = $required ?? false;
    $id             = $id ?? '';
    $class          = $class ?? '';
    $parent_class   = $parent_class ?? '';
    $labelClass		= $labelClass ?? '';
@endphp

<div class="col-md-{{ $col }} col-12 {{ $parent_class }}">
    <div class="input-daterange form-group" id = "{{ $id }}">
        <div class="form-line" style="z-index: 5;">
            @if($label)
                <label for="{{ $name }}" class="form-label {{ $labelClass }}">{{ $label }}</label>
            @endif
            <input type="text" value="{{ $value }}" class="form-control {{ $class }}" placeholder="{{ $placeholder }}"
                name = "{{ $name }}" 
                @if($disabled) disabled @endif
                @if($required) required @endif
                autocomplete="off" />
        </div>
    </div>
</div>

<script>
    $(document).ready(function() {
        $('input[name="{{ $name }}"]').datepicker({format: 'dd/mm/yyyy', autoclose: true , todayHighlight: true});
    });
</script>