@props(['id','placeholder','error'])
<input {{$attributes}} type="text" class="@error($error) is-invalid @enderror form-control" autocomplete="off"
	id="{{$id}}" placeholder="{{$placeholder}}" data-date-format="dd-mm-yyyy" data-target="#{{$id}}"
	onchange="this.dispatchEvent(new InputEvent('input'))">

@push('scripts')
<link href="{{asset('plugins/bootstrap-datepicker/css/datepicker.css')}}" rel='stylesheet' type='text/css'>
<script type="text/javascript" src="{{asset('plugins/bootstrap-datepicker/js/bootstrap-datepicker.js')}}">
</script>
<script>
	$(document).ready(function() {
		$('#{{$id}}').datepicker({
			altFormat: 'yy-mm-dd'
		}).on('changeDate', function(e) {
			//$(this).hide();
			$(this).datepicker('hide');
		});
	});
</script>
@endpush