@props([
	'name' => null,
	'id' => null,
	'placeholder' => 'Escolha uma data',
    'hide' => false,
    'mode' => 'single',
    'value' => null,
    'textAlign' => 'center'
])
 
<div class="custom-date-selector {{ $hide ? 'hide' : '' }}">

    <i class="fas fa-calendar-alt calendar-icon"></i>
    
    <input 
        type="date" 
        style="text-align: {{ $textAlign }}" 
        id="{{ $id }}"
        name="{{ $name }}"
        placeholder="{{ $placeholder }}" 
        data-mode="{{ $mode }}"
        value="{{ $value }}"/>

</div>