Slots

Before 1.0.0+

With this slot, you can insert an elements before the input element.

            
<date-picker id="birthday" mode="single">
    <template #before>
        <label for="date">
            تاریخ تولد:
        </label>
    </template>
</date-picker>

After 1.0.0+

With this slot, you can insert an elements after the input element.

            
<date-picker required>
    <template #after>
        <small class="invalid-feedback">
            این فیلد الزامی می باشد.
        </small>
    </template>
</date-picker>

Icon 1.0.0+

With this slot, you can change the icon or replace it with text.

            
<date-picker>
    <template #icon>
        Date
    </template>
</date-picker>

Also you can remove the icon.

            
<date-picker>
    <template #icon></template>
</date-picker>

Clear 2.0.0+

With this slot, you can change close icon or replaced with text.

            
<date-picker clearable>
    <template #clear>
        clear
    </template>
</date-picker>

Arrows 1.0.0+

With this slot, you can change the arrows icons.

            
<date-picker>
    <template #right-arrow>
        ماه قبل
    </template>
    <template #left-arrow>
        ماه بعد
    </template>
</date-picker>

The below slots added in v2.

            
<date-picker type="time">
    <template #up-arrow>
        افزایش
    </template>
    <template #down-arrow>
        کاهش
    </template>
</date-picker>

With this slot, you can insert and elements or text in the footer.

            
<date-picker>
    <template #footer>
        تاریخ انتخابی:
    </template>
</date-picker>