@props(['options' => "{dateFormat:'Y-m-d', altFormat:'Y-m-d', altInput:true}"])
<div class="field-block">
    <div wire:ignore>
        <input
            x-data
            x-init="flatpickr($refs.input, {{ $options }} )"
            x-ref="input"
            type="text"
            data-input
            {{ $attributes }}
        />
    </div>
</div>

@once
    @push('styles')
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flatpickr/dist/flatpickr.min.css">
    @endpush
    
    @push('scripts')
        <script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
        <script>flatpickr.localize(flatpickr.l10ns.ru)</script>
    @endpush
@endonce