Changed value to modelValue in TimePicker component

Author: j0h-dev

pages/UI/time-picker.vue

@@ -5,9 +5,9 @@
 
  <div class="flex w-full flex-row flex-wrap justify-evenly gap-6">
  <div class="flex flex-row gap-4">
- <TimePicker label="Time" :value="time" v-model="time" size="lg" />
- <TimePicker label="Time" :value="time" v-model="time" size="md" />
- <TimePicker label="Time" :value="time" v-model="time" size="sm" />
+ <TimePicker label="Time" v-model="time" size="lg" />
+ <TimePicker label="Time" v-model="time" size="md" />
+ <TimePicker label="Time" v-model="time" size="sm" />
  </div>
  </div>
  </div>

ui-components/TimePicker.vue

@@ -71,8 +71,8 @@ type Props = {
  variant?: TimerPickerProps['variant']
  size?: TimerPickerProps['size']
 
+ modelValue?: string
  label?: string
- value?: string
 }
 
 const emit = defineEmits(['update:modelValue'])
@@ -83,8 +83,8 @@ const { base, label, input } = timePickerTV({
  variant: props.variant
 })
 
-const hoursValue = ref(props.value ? props.value.split(':')[0] : '')
-const minutesValue = ref(props.value ? props.value.split(':')[1] : '')
+const hoursValue = ref(props.modelValue ? props.modelValue.split(':')[0] : '')
+const minutesValue = ref(props.modelValue ? props.modelValue.split(':')[1] : '')
 
 const hoursInputRef = ref<HTMLInputElement | null>(null)
 const minutesInputRef = ref<HTMLInputElement | null>(null)