@simsustech/quasar-components 0.5.0 → 0.5.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @simsustech/quasar-components
 
+## 0.5.1
+
+### Patch Changes
+
+- 4d55fc8: feat(DateInput): add stack-label; fix(DateInput): set year to undefined on invalid values
+
 ## 0.5.0
 
 ### Minor Changes

package/dist/form.js

@@ -352,6 +352,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       const nr = Number(val);
       if (nr && nr > 1e3 && nr < 1e4)
         year.value = nr;
+      else
+        year.value = void 0;
     };
     const setMonth = (val) => {
       const nr = Number(val);
@@ -471,7 +473,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(_component_q_field, {
         "model-value": unref(modelValue),
         "bottom-slots": "",
-        rules: validations.value
+        rules: validations.value,
+        label: _ctx.label,
+        "stack-label": ""
       }, {
         control: withCtx(() => [
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(format).split("-"), (part) => {
@@ -533,7 +537,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           })
         ]),
         _: 1
-      }, 8, ["model-value", "rules"]);
+      }, 8, ["model-value", "rules", "label"]);
     };
   }
 });

package/dist/style.css

@@ -12,3 +12,6 @@
 .q-field--standard.q-field--dense .q-field__control {
   padding-top: 0;
 }
+.q-field--auto-height.q-field--labeled .q-field__control-container {
+  padding-top: 13px;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simsustech/quasar-components",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "author": "Stefan van Herwijnen",
   "description": "High level components for Quasar Framework",
   "license": "MIT",

package/src/ui/form/DateInput.vue

@@ -1,5 +1,11 @@
 <template>
-  <q-field :model-value="modelValue" bottom-slots :rules="validations">
+  <q-field
+    :model-value="modelValue"
+    bottom-slots
+    :rules="validations"
+    :label="label"
+    stack-label
+  >
     <template #control>
       <component
         :is="QInput"
@@ -86,6 +92,7 @@ const setYear: InstanceType<typeof QInput>['$props']['onUpdate:modelValue'] = (
 ) => {
   const nr = Number(val)
   if (nr && nr > 1e3 && nr < 1e4) year.value = nr
+  else year.value = undefined
 }
 
 const setMonth: InstanceType<typeof QInput>['$props']['onUpdate:modelValue'] = (
@@ -224,4 +231,7 @@ if (props.required)
 .q-field--standard.q-field--dense .q-field__control {
   padding-top: 0;
 }
+.q-field--auto-height.q-field--labeled .q-field__control-container {
+  padding-top: 13px;
+}
 </style>