@php
    $name = isset($element['name']) ? $element['name'] : 'fillDateTo';
    $id = 'fillDateTo';

    $label = isset($element['label']) ? $element['label'] : 'Date To:';

    $class = 'form-control';
    if (isset($element['attributes']['class'])) {
        $class .= ' ' . $element['attributes']['class'];
    }

    $attributes = ['id' => $id, 'class' => $class, 'readonly' => 'readonly'];
    if (isset($element['attributes'])) {
        $attributes = array_merge($attributes, $element['attributes']);
    }

    $defaultValue = isset($element['defaultValue']) ? $element['defaultValue'] : '';
    $col = isset($element['col']) ? "col-xs-" . $element['col'] : 'col-xs-2';
    $divHidden = isset($element['divHidden']) && $element['divHidden'] == true ? 'hidden' : '';
@endphp

<style>
    #{{ $id }}{
        cursor: pointer;
    }
</style>

<div class={{ $col }} {{ $divHidden }}>
    {!! Form::label($name, $label, ['class' => 'control-label']) !!} <br/>
    {!! Form::text($name, $defaultValue, $attributes) !!}
</div>

<script>
    $(document).ready(function () {

        $("#{{ $id }}").datepicker({
            changeMonth: true,
            changeYear: true,
            // maxDate: branchDate, // Make sure branchDate is defined if you uncomment this
            format: 'dd-mm-yyyy',
            dateFormat: 'dd-mm-yy',
            onSelect: function () {
                var selectedDate = $(this).datepicker('getDate');
                $("#fillDateFrom").datepicker("option", "maxDate", selectedDate);
            }
        });
    });

</script>