fix: component style (#80)

| Numéro du ticket | Titre du ticket |
|------------------|-----------------|
|                  |                 |

## Description de la PR

## Modification du .env

## Check list

- [ ] Pas de régression
- [ ] TU/TI/TF rédigée
- [ ] TU/TI/TF OK
- [ ] CHANGELOG modifié

---------

Co-authored-by: admin malio <malio@yuno.malio.fr>
Co-authored-by: THOLOT DECHENE Matthieu <matthieu@yuno.malio.fr>
Co-authored-by: matthieu <matthieu@yuno.malio.fr>
Reviewed-on: #80
Co-authored-by: tristan <tristan@yuno.malio.fr>
Co-committed-by: tristan <tristan@yuno.malio.fr>

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

@@ -53,6 +53,14 @@ describe('MalioTimePicker', () => {
     expect(wrapper.find('[data-test="popover"]').exists()).toBe(false)
   })
 
+  it('disabled + rempli : label et icône horloge grisés', () => {
+    const wrapper = mountPicker({disabled: true, label: 'Heure', modelValue: '14:30'})
+    expect(wrapper.get('label').classes()).toContain('text-m-muted')
+    const icon = wrapper.get('[data-test="clock-icon"]')
+    expect(icon.classes()).toContain('text-m-muted')
+    expect(icon.classes()).not.toContain('text-black')
+  })
+
   it('n\'ouvre pas le popover si readonly', async () => {
     const wrapper = mountPicker({readonly: true})
     await wrapper.get('[data-test="time-field"]').trigger('click')

app/components/malio/time/TimePicker.vue

@@ -219,11 +219,13 @@ const mergedLabelClass = computed(() =>
       ? 'text-m-danger'
       : hasSuccess.value
         ? 'text-m-success'
-        : isReadonly.value
-          ? isFilled.value ? 'text-black' : 'text-m-muted'
-          : isOpen.value
-            ? 'text-m-primary'
-            : 'text-black peer-placeholder-shown:text-m-muted',
+        : props.disabled
+          ? 'text-m-muted'
+          : isReadonly.value
+            ? isFilled.value ? 'text-black' : 'text-m-muted'
+            : isOpen.value
+              ? 'text-m-primary'
+              : 'text-black peer-placeholder-shown:text-m-muted',
     props.labelClass,
   ),
 )
@@ -231,6 +233,7 @@ const mergedLabelClass = computed(() =>
 const iconStateClass = computed(() => {
   if (hasError.value) return 'text-m-danger'
   if (hasSuccess.value) return 'text-m-success'
+  if (props.disabled) return 'text-m-muted'
   if (isReadonly.value) return isFilled.value ? 'text-black' : 'text-m-muted'
   if (isOpen.value) return 'text-m-primary'
   if (isFilled.value) return 'text-black'