{{-- <div>
    <div class="form-group row">
        <label class="{{$required ? 'required' : ''}} form-label">{{$label}}</label>
        <div class="col-sm-12">
            <input type="datetime-local"
                name="{{$name}}" 
                class="form-control form-control-solid" 
                @required($required)
                @readonly($read_only)
                value=@if ($value) "{{$value}}" @else "{{$errors->first($name) ? '' : old($name)}}" @endif  
            />
        </div>
        @error($name) 
            <span class="text-danger">
                {{$message}} 
            </span> 
        @enderror
    </div>
</div> --}}
<div>
    <label class="{{ $required ? 'required' : '' }} form-label">{{ $label }}</label>
    <div class="input-group" id="kt_td_picker_date_only" data-td-target-input="nearest" data-td-target-toggle="nearest">
        <input class="form-control" 
       id="kt_td_picker_date_only_input" 
       data-td-target="#kt_td_picker_date_only"
       type="text" 
       name="{{$name}}" 
       @required($required)
       @readonly($read_only)
       value=@if ($value) "{{ \Carbon\Carbon::parse($value)->format('Y-m-d H:i:s') }}" @else "{{ $errors->first($name) ? '' : old($name) }}" @endif />

        <span class="input-group-text" data-td-target="#kt_td_picker_date_only" data-td-toggle="datetimepicker">
            <i class="ki-duotone ki-calendar fs-2"><span class="path1"></span><span class="path2"></span></i>
        </span>
    </div>
     @error($name) 
            <span class="text-danger">
                {{$message}} 
            </span> 
        @enderror
</div>

@push('js')
    <script>
        new tempusDominus.TempusDominus(document.getElementById("kt_td_picker_date_only"), {
            display: {
                viewMode: "calendar",
                components: {
                    decades: true,
                    year: true,
                    month: true,
                    date: true,
                    hours: true,
                    minutes: true,
                    seconds: false
                }
            },
            localization: {
                format: 'yyyy-MM-dd HH:mm'  // MySQL compatible format
            }
        });
    </script>
@endpush