Skip to content

Instantly share code, notes, and snippets.

@fontzter
fontzter / PasswordInput.vue
Created Apr 18, 2020
Vuetify Password field with validation and hint
View PasswordInput.vue
<template>
<v-text-field
:append-icon="show ? 'mdi-eye' : 'mdi-eye-off'"
:type="show ? 'text' : 'password'"
:rules="[validatePassword]"
:hint="hint"
persistent-hint
v-bind="mergedAttrs"
v-on="$listeners"
@click:append="show = !show"
View CallingPage.vue
<template>
<feathers-data-table
model="agents"
:headers="headers"
:footer-props="footerProps"
:must-sort="true"
class="elevation-2"
fixed-header
:height="height"
:search="$store.get('app/search')"
@fontzter
fontzter / TimeSelect.vue
Last active Oct 21, 2019
A Vuetify Time Picker using dropdowns instead
View TimeSelect.vue
<template>
<v-input hide-details class="time-select">
<template v-slot:label>
<div class="caption">{{ label }}</div>
</template>
<v-menu offset-y>
<template v-slot:activator="{ on }">
<v-btn outlined class="time-hours" v-on="on">
<span>{{ value ? hour : 'H' }}</span>
<v-icon right>mdi-menu-down</v-icon>
You can’t perform that action at this time.