mirror of
https://github.com/hay-kot/mealie.git
synced 2025-07-31 12:10:26 -07:00
94cda5bb83
* fix env setup bugs * remove unused import * fix layout issues * changelog Co-authored-by: hay-kot <hay-kot@pm.me>
48 lines
No EOL
1 KiB
Vue
48 lines
No EOL
1 KiB
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="mdi-clock-time-four-outline"
|
|
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> |