полный рефакторинг всей системы

src/components/Settings_section/DatePicker.vue

@@ -1,8 +1,7 @@
 <template>
   <div class="date-input-container relative flex-grow">
     <input
-      :value="modelValue"
-      @input="$emit('update:modelValue', $event.target.value)"
+      v-model="model"
       type="date"
       :placeholder="placeholder"
       class="date-input dark:bg-gray-900 border-slate-100 shadow rounded-xl p-3 cursor-pointer w-full appearance-none"
@@ -27,18 +26,14 @@
 </template>
 
 <script setup>
+const model = defineModel({ type: String, default: '' })
+
 defineProps({
-  modelValue: {
-    type: String,
-    default: "",
-  },
   placeholder: {
     type: String,
-    default: "",
+    default: '',
   },
-});
-
-defineEmits(["update:modelValue"]);
+})
 </script>
 
 <style scoped>