feat: Add required prop

Author: Jasenkoo

index.d.ts

@@ -53,6 +53,7 @@ interface Vue3DatePicker {
     weekStart?: '0' | '1' | '2' | '3' | '4' | '5' | '6' | 0 | 1 | 2 | 3 | 4 | 5 | 6;
     disabled?: boolean;
     readonly?: boolean;
+    required?: boolean;
     format?:
         | string
         | ((

src/Vue3DatePicker/Vue3DatePicker.vue

@@ -19,6 +19,7 @@
                 autoApply,
                 uid,
                 openMenuOnFocus,
+                required,
             }"
             v-model:input-value="inputValue"
             @clear="clearValue"
@@ -193,6 +194,7 @@
         weekStart: { type: [String, Number] as PropType<WeekStartNum | WeekStartStr>, default: 1 },
         disabled: { type: Boolean as PropType<boolean>, default: false },
         readonly: { type: Boolean as PropType<boolean>, default: false },
+        required: { type: Boolean as PropType<boolean>, default: false },
         monthNameFormat: { type: String as PropType<'long' | 'short'>, default: 'short' },
         weekNumName: { type: String as PropType<string>, default: 'W' },
         format: {

src/Vue3DatePicker/components/DatepickerInput.vue

@@ -23,7 +23,8 @@
                 :class="inputClass"
                 :placeholder="placeholder"
                 :disabled="disabled"
-                :readonly="!textInput"
+                :readonly="readonly"
+                :required="required"
                 :value="inputValue"
                 @input="handleInput"
                 @keydown.enter="handleEnter"
@@ -86,6 +87,7 @@
         pattern: { type: String as PropType<string>, default: '' },
         uid: { type: String as PropType<string>, default: null },
         openMenuOnFocus: { type: Boolean as PropType<boolean>, default: true },
+        required: { type: Boolean as PropType<boolean>, default: false },
     });
     const parsedDate = ref();
     const inputRef = ref(null);