@props([
    'name' => 'to_date',
    'id' => null,
    'label' => __('To Date'),
    'value' => null,
    'placeholder' => 'dd-mm-yyyy',
    'colClass' => 'col-span-1',
])

@php
    $id = $id ?? $name;
    $value = $value ?? old($name, request($name));
@endphp

<div class="{{ $colClass }} min-w-0">
    <x-input-label for="{{ $id }}" :value="$label"/>
    <x-text-input id="{{ $id }}" class="block w-full max-w-full flatpickr" type="text"
                  name="{{ $name }}"
                  :value="$value"
                  placeholder="{{ __($placeholder) }}"/>
    <x-input-error :messages="$errors->get($name)" class="mt-2"/>
</div>