mirror of
https://github.com/hay-kot/mealie.git
synced 2025-07-16 10:03:54 -07:00
ee1a11ea57
* add bundle analyzer * use svg icons - closes #522 * fix recent recipes icon Co-authored-by: hay-kot <hay-kot@pm.me>
42 lines
1,008 B
Vue
42 lines
1,008 B
Vue
<template>
|
|
<v-dialog ref="dialog" v-model="modal2" :return-value.sync="time" persistent width="290px">
|
|
<template v-slot:activator="{ on, attrs }">
|
|
<v-text-field
|
|
v-model="time"
|
|
:label="$t('settings.set-new-time')"
|
|
:prepend-icon="$globals.icons.clockOutline"
|
|
readonly
|
|
v-bind="attrs"
|
|
v-on="on"
|
|
></v-text-field>
|
|
</template>
|
|
<v-time-picker v-if="modal2" v-model="time" full-width>
|
|
<v-spacer></v-spacer>
|
|
<v-btn text color="primary" @click="modal2 = false"> {{ $t("general.cancel") }} </v-btn>
|
|
<v-btn text color="primary" @click="saveTime"> {{ $t("general.ok") }} </v-btn>
|
|
</v-time-picker>
|
|
</v-dialog>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
time: null,
|
|
modal2: false,
|
|
};
|
|
},
|
|
methods: {
|
|
saveTime() {
|
|
this.$refs.dialog.save(this.time);
|
|
this.$emit("save-time", this.time);
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style scoped>
|
|
.v-text-field {
|
|
max-width: 300px;
|
|
}
|
|
</style>
|