fix: support class

Author: cafadev

demo-quasar/src/viewer/FDateViewer.vue

@@ -18,7 +18,7 @@ const form = useForm({
       placeholder: 'Seleccionar',
       type: FieldType.datepicker,
       wrapper: {
-        class: 'col-span-12',
+        class: 'col-span-6',
       },
     },
   },

demo-quasar/src/viewer/FTableViewer.vue

@@ -88,6 +88,11 @@ const table = useTable({
     created_at: {
       format: (value: unknown) => 'Lo que sea',
     },
+    is_active: {
+      input: {
+        isEnable: true
+      }
+    },
     actions: { value: 'actions', label: '', align: 'left' },
   },
   settings: {

packages/wrapper-quasar/src/form/WqDatepicker.vue

@@ -1,5 +1,5 @@
 <template>
-  <q-input v-model="modelValue" mask="date" :error-message="hintText" :hint="hintText" :error="hasFieldErrors">
+  <q-input v-model="modelValue" mask="date" :error-message="hintText" :hint="hintText" :error="hasFieldErrors" v-bind="attributes">
     <template #append>
       <q-icon name="event" class="cursor-pointer">
         <q-popup-proxy cover transition-show="scale" transition-hide="scale">
@@ -25,5 +25,14 @@ const props = defineProps<{
 }>()
 
 const { hintText, modelValue, hasFieldErrors } = useDatepickerField<any>(props)
+
+const attributes = computed(() => {
+  const { modelValue, rules, type, ...attrs} = props.field
+
+  return {
+    ...attrs,
+    ...props.field.wrapper,
+  }
+})
 </script>