mirrors/recipes
1
0
Fork 0
mirror of https://github.com/TandoorRecipes/recipes.git synced 2026-01-04 05:39:00 -05:00
Code Issues Packages Projects Releases Wiki Activity

use proper local format for all date pickers

Browse Source
This commit is contained in:
vabene1111
2025-04-26 23:02:29 +02:00
parent eaad4e21e4
commit ccae32f21c
2 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
vue3/src/components/model_editors/MealPlanEditor.vue
View File

@@ -28,7 +28,6 @@
<v-date-input <v-date-input
v-model="dateRangeValue" v-model="dateRangeValue"
@update:modelValue="updateDate()" @update:modelValue="updateDate()"
:display-format="(date: Date) => DateTime.fromJSDate(date).toLocaleString()"
:first-day-of-week="useUserPreferenceStore().deviceSettings.mealplan_startingDayOfWeek" :first-day-of-week="useUserPreferenceStore().deviceSettings.mealplan_startingDayOfWeek"
:show-week="useUserPreferenceStore().deviceSettings.mealplan_displayWeekNumbers" :show-week="useUserPreferenceStore().deviceSettings.mealplan_displayWeekNumbers"
:label="$t('Date')" :label="$t('Date')"

5
vue3/src/vuetify.ts
View File

@@ -4,6 +4,7 @@ import {aliases, fa} from 'vuetify/iconsets/fa'
// Composables // Composables
import {createVuetify} from 'vuetify' import {createVuetify} from 'vuetify'
import {DateTime} from "luxon";
// https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides // https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
export default createVuetify({ export default createVuetify({
@@ -19,6 +20,10 @@ export default createVuetify({
// limiting max width of base container so UIs dont become too wide // limiting max width of base container so UIs dont become too wide
VContainer: { VContainer: {
maxWidth: '1400px' maxWidth: '1400px'
},
// always localize the date display of DateInputs
VDateInput: {
displayFormat : (date: Date) => DateTime.fromJSDate(date).toLocaleString()
} }
}, },
theme: { theme: {