fix(ui) : garde readonly défensive isOpen + test readonly TimePicker

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

app/components/malio/date/internal/CalendarField.vue

@@ -205,7 +205,7 @@ const mergedInputClass = computed(() =>
       : hasSuccess.value
         ? 'border-m-success'
         : isReadonly.value ? '' : 'focus:border-m-primary',
-    isOpen.value ? 'border-m-primary !py-[9px] !rounded-b-none' : '',
+    (!isReadonly.value && isOpen.value) ? 'border-m-primary !py-[9px] !rounded-b-none' : '',
     props.inputClass,
   ),
 )

app/components/malio/time/TimePicker.test.ts

@@ -52,6 +52,12 @@ describe('MalioTimePicker', () => {
     expect(wrapper.find('[data-test="popover"]').exists()).toBe(false)
   })
 
+  it('n\'ouvre pas le popover si readonly', async () => {
+    const wrapper = mountPicker({readonly: true})
+    await wrapper.get('[data-test="time-field"]').trigger('click')
+    expect(wrapper.find('[data-test="popover"]').exists()).toBe(false)
+  })
+
   it('émet la valeur réglée depuis les molettes', async () => {
     const wrapper = mountPicker({modelValue: '09:30'})
     await wrapper.get('[data-test="time-field"]').trigger('click')

app/components/malio/time/TimePicker.vue

@@ -202,7 +202,7 @@ const mergedInputClass = computed(() =>
       : hasSuccess.value
         ? 'border-m-success'
         : isReadonly.value ? '' : 'focus:border-m-primary',
-    isOpen.value ? 'border-m-primary !rounded-b-none !py-[9px]' : '',
+    (!isReadonly.value && isOpen.value) ? 'border-m-primary !rounded-b-none !py-[9px]' : '',
     props.inputClass,
   ),
 )