How to reset daterange value?

[sergiofactvs]

Hi, it is possible to reset the daterange input value?

[praveenpuglia]

Hi!

This option doesn't yet exist. I was wondering how to do this. Would you like it as a method you can call on the ref to the component?

So you could do something like

<v-daterange ref="daterange"></v-daterange>

and then in JS

// somewhere in your code
this.$refs.daterange.reset();

This could very well be extended in the UI as well by giving a reset button.

[mr-africa]

@sergiofactvs You can use clearable option of text-field also.

        <v-daterange
            v-model="dateRange"
            :input-props="{
                clearable: true
            }"
        />

[mr-africa]

But clearable option in input-props just clear input and don't clear daterange value. @praveenpuglia could you add real clearable option to the component please

[praveenpuglia]

I'll work on it this week.

[praveenpuglia]

Hi! There's now a way to reset the picker. Please check this out - https://vuetify-daterange-picker.gitbook.io/docs/api#show-reset

[hellowest]

Hi Guys,

I'm working the vuetify date range picker and the reset option , its still not available from what I'm seeing. Some news on this subject ? Thank you.