@php
    use Illuminate\Support\Str;
@endphp
@props([
    'name' => 'date',
    'label' => __('validation.attributes.date'),
    'value' => dateDisplay(today()),
    'canClear' => false,
    'container' => '#modal-report',
])
<div id="option-{{ Str::slug($name) }}" class="col-12 px-4">
    <div class="form-floating mb-2" data-bs-format="dd-mmm-yyyy">
        <input id="input-{{ Str::slug($name) }}" type="text" class="form-control" name="{{ $name }}" value="{{ $value }}" data-bs-toggle="datepicker" readonly />
        <label class="form-label" for="input-{{ Str::slug($name) }}">{{ $label }}</label>
    </div>
</div>

@push('scripts')
    <script type="module">
        $(document).ready(function () {
            $('#input-{{ Str::slug($name) }}').datepicker({
                ...datepickerOptions,
                startDate: null,
                endDate: null,
                clearBtn: @json($canClear),
                container: '{{ $container }}',
            });
        });
    </script>
@endpush