@pocketprep/ui-kit 3.5.20 → 3.5.21

package/lib/components/Forms/Input.vue

@@ -71,6 +71,7 @@
             :id="componentId"
             v-dark="isDarkMode"
             :type="fieldType"
+            :min="minNumber"
             :value="modelValue"
             :disabled="disabled"
             :aria-labelledby="`${componentId}--label`"
@@ -113,6 +114,7 @@ export default class Input extends Vue {
     @Prop() label?: string
     @Prop() labelSubtext?: string
     @Prop({ default: 'text' }) fieldType?: string
+    @Prop() minNumber?: number
     @Prop({ default: '' }) placeholder?: string
     @Prop({ default: '524288' }) maxlength?: string // that's the default input field length
     @Prop({ default: false }) center?: boolean

package/lib/components/Forms/Select.vue

@@ -184,6 +184,7 @@ export default class Select extends Vue {
     @Prop() typeahead?: boolean
     @Prop() error?: boolean
     @Prop() openMenuAbove?: boolean
+    @Prop() customDropdownTop?: number
     @Prop({ default: false }) isDarkMode!: boolean
     @Prop({ default: false }) dropdownOverride!: boolean // Can override the icon to be an X instead
     @Prop({ default: false }) showTypeaheadClear!: boolean
@@ -206,6 +207,8 @@ export default class Select extends Vue {
     }
 
     get menuPositionTop () {
+        if (this.customDropdownTop) return this.customDropdownTop
+
         if (this.menuHeight) return `-${this.menuHeight}`
 
         if (this.subtext) return 60

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pocketprep/ui-kit",
-  "version": "3.5.20",
+  "version": "3.5.21",
   "description": "Pocket Prep UI Kit",
   "author": "pocketprep",
   "scripts": {