{{-- Number Slider Input Field --}}

{{-- <input
    type="range"
    @foreach ($atts as $attr => $value)
        {{ $attr }}="{{ $value }}"
    @endforeach
    {{ $class }}
    @foreach ($datas as $data)
        {{ $data }}
    @endforeach
    {{ $required ? 'required' : '' }}
    value="{{ $default_value }}"
    min="{{ $min }}"
    max="{{ $max }}"
    step="{{ $step }}">

<div class="wpforms-field-number-slider-hint"
     data-hint="{{ $value_display }}">
    {!! $value_hint !!}
</div> --}}


<input
    type="range"
    @php wpforms_html_attributes( $id, $class, $datas, $atts, true ); @endphp
    {{ !empty($required) ? 'required' : '' }}
    value="{{ esc_attr($default_value) }}"
    min="{{ esc_attr($min) }}"
    max="{{ esc_attr($max) }}"
    step="{{ esc_attr($step) }}">

<div class="wpforms-field-number-slider-hint"
    data-hint="{{ esc_attr(wp_kses_post($value_display)) }}">
    {!! wp_kses_post($value_hint) !!}
</div>