On this page

InputDateRange

Input for selecting a date range.

Implements mixins RequiredInputMixin and BasicInputMixin.

html

<Card>
    <Form>
        <div class="row">
            <div class="col-12 mb-xs-4">
                <InputDateRange name="date" label="Select a date range" placeholder="Select date range" />
            </div>
        </div>
    </Form>
</Card>

Props

initialValue and initialValueEnd.

html

<Card>
    <Form>
        <div class="row">
            <div class="col-12 mb-xs-4">
                <InputDateRange name="date" label="Select a date" placeholder="Select date" :initialValue="new Date()" :initialValueEnd="new Date()" />
            </div>
        </div>
    </Form>
</Card>

Emits

changeField. Custom change event.