New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[Feature request] Daterange picker in pop up menu #17
Comments
Can you please tell me exactly which demo you are talking about so I can understand the request better? BTW, I have used it in a menu in one of my apps as below. <v-menu full-width offset-y :close-on-content-click="false" v-model="dateMenu" bottom>
<v-btn color="primary" block outline slot="activator">{{startDateDisplay}} — {{endDateDisplay}}</v-btn>
<v-card>
<v-card-text>
<DateRange @input="onDateRangeChange" :options="dateRangeOptions"></DateRange>
</v-card-text>
</v-card>
</v-menu>
startDateDisplay () {
return format(new Date(this.startDate), 'MMM D, YYYY')
}
endDateDisplay () {
return format(new Date(this.endDate), 'MMM D, YYYY')
} |
Thanks for the quick reply. I was referring to this example, but the code snippet you posted above does the trick very easily. I'm a complete newbie in Vuejs (and fairly new to Javascript), so I didn't manage to put that together myself. Since I'm happy with the proposed solution, I'll close this issue for now. |
@hannonq the latest demo now includes the menu example at the bottom. :) |
Awesome :) |
Hi, first of all, nice component!
I was wondering if there is a way to use it as a pop up menu, like the official date picker from Vuetify.
Ideally, the menu will only show up when the user clicks on the input field to change the date.
Thanks!
The text was updated successfully, but these errors were encountered: