@koumoul/vjsf 3.20.5 → 3.20.7

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "@koumoul/vjsf",
-  "version": "3.20.5",
+  "version": "3.20.7",
   "description": "Generate forms for the vuetify UI library (vuejs) based on annotated JSON schemas.",
   "scripts": {
-    "test": "vitest run",
-    "test-watch": "vitest",
+    "test-tz1": "TZ=Europe/Paris vitest run",
+    "test-tz2": "TZ=America/Sao_Paulo vitest run",
+    "test-watch": "TZ=Europe/Paris vitest",
     "build": "vue-tsc",
     "watch:build": "vue-tsc --watch",
     "prepublishOnly": "npm run build && cp ../README.md README.md && cp ../LICENSE LICENSE"
@@ -71,7 +72,7 @@
     "vuetify": "^3.8.12"
   },
   "dependencies": {
-    "@json-layout/core": "~1.15.0",
+    "@json-layout/core": "~2.0.0",
     "@json-layout/vocabulary": "~2.8.0",
     "@vueuse/core": "^12.5.0",
     "debug": "^4.3.4"

package/src/components/nodes/date-picker.vue

@@ -5,7 +5,7 @@ import { VDatePicker } from 'vuetify/components/VDatePicker'
 import { useDefaults } from 'vuetify'
 import { computed, ref, toRef, watch } from 'vue'
 import Debug from 'debug'
-import { getDateTimeParts, getDateTimeWithOffset, localeKeyboardFormat } from '../../utils/dates.js'
+import { getDateTime, getDateTimeParts, getDateTimeWithOffset, localeKeyboardFormat } from '../../utils/dates.js'
 import useNode from '../../composables/use-node.js'
 import useCompDefaults from '../../composables/use-comp-defaults.js'
 
@@ -33,7 +33,6 @@ const { compProps, localData } = useNode(toRef(props, 'modelValue'), props.state
 
 const updateValue = (/** @type {Date | null} */value) => {
   if (!value) return
-
   const isoValue = props.modelValue.layout.format === 'date-time'
     ? getDateTimeWithOffset(value)
     : getDateTimeParts(/** @type Date */(/** @type unknown */(value)))[0]
@@ -44,11 +43,18 @@ const updateValue = (/** @type {Date | null} */value) => {
   }
 }
 
+const localDateTime = computed(() => {
+  if (!localData.value) return null
+  return props.modelValue.layout.format === 'date-time'
+    ? new Date(/** @type {string} */(localData.value))
+    : new Date(getDateTime([localData.value, '00:00:00']))
+})
+
 const datePickerProps = computed(() => {
   /** @type Record<String, any> */
   const datePickerProps = { ...datePickerDefaults.value, ...compProps.value }
   datePickerProps.hideActions = true
-  if (localData.value) datePickerProps.modelValue = new Date(/** @type {string} */(localData.value))
+  if (localDateTime.value) datePickerProps.modelValue = localDateTime.value
   datePickerProps['onUpdate:modelValue'] = (/** @type {Date} */value) => {
     updateValue(value)
   }
@@ -58,9 +64,13 @@ const datePickerProps = computed(() => {
 /** @type {import('vue').Ref<string | null>} */
 const formattedValue = ref('')
 const setFormattedValue = () => {
-  formattedValue.value = localData.value ? localeKeyboardFormat(props.modelValue.options.locale).format(new Date(localData.value)) : null
+  if (localDateTime.value) {
+    formattedValue.value = localeKeyboardFormat(props.modelValue.options.locale).format(localDateTime.value)
+  } else {
+    formattedValue.value = null
+  }
 }
-watch(localData, setFormattedValue, { immediate: true })
+watch(localDateTime, setFormattedValue, { immediate: true })
 const updateFormattedValue = () => {
   if (formattedValue.value) {
     const newValue = localeKeyboardFormat(props.modelValue.options.locale).parse(formattedValue.value)

package/src/components/nodes/list.vue

@@ -25,6 +25,7 @@ import useZIndexStack from '../../composables/use-z-index-stack.js'
 useDefaults({}, 'VjsfList')
 const vCardProps = useCompDefaults('VjsfList-VCard', { border: true, flat: true, tile: true })
 const vEditDialogProps = useCompDefaults('VjsfList-Edit-VDialog', { width: 500, persistent: true })
+const vEditDialogVSheetProps = useCompDefaults('VjsfList-Edit-VDialog-VSheet', {})
 const vEditMenuProps = useCompDefaults('VjsfList-Edit-VMenu', { width: 500 })
 const theme = useTheme()
 
@@ -495,7 +496,7 @@ const itemBorderColor = computed(() => (/** @type {import('@json-layout/core').S
         :model-value="editedItem !== undefined"
         v-bind="vEditDialogProps"
       >
-        <v-sheet>
+        <v-sheet v-bind="vEditDialogVSheetProps">
           <v-toolbar
             density="compact"
             color="surface"