MALIO-DEV/malio-layer-ui
4
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix : composant date cross hover + client playground

Browse Source
This commit is contained in:
Autin
2026-05-20 14:18:42 +02:00
parent 9a752d08ad
commit 8e6b08400a
2 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
.playground/pages/composant/form/client.vue
View File

@@ -78,7 +78,10 @@
<div class="grid grid-cols-3 gap-x-[80px] gap-y-8 mt-12 shadow-[0_4px_4px_0_rgba(0,0,0,0.25)] py-4 pl-[28px] pr-[60px]"> <div class="grid grid-cols-3 gap-x-[80px] gap-y-8 mt-12 shadow-[0_4px_4px_0_rgba(0,0,0,0.25)] py-4 pl-[28px] pr-[60px]">
<MalioInputTextArea label="Descritpion" resize="none" groupClass="row-span-2" textInput="h-full"/> <MalioInputTextArea label="Descritpion" resize="none" groupClass="row-span-2" textInput="h-full"/>
<MalioInputText v-model="concurrent" label="Concurrent"/> <MalioInputText v-model="concurrent" label="Concurrent"/>
<MalioInputText label="Date création"/> <MalioDate
v-model="dateCreation"
label="Date création"
/>
<MalioInputText label="Nombre de salariés" /> <MalioInputText label="Nombre de salariés" />
<MalioInputAmount label="CA"/> <MalioInputAmount label="CA"/>
<MalioInputText label="Dirigeant" /> <MalioInputText label="Dirigeant" />
@@ -158,6 +161,7 @@
<script setup lang="ts"> <script setup lang="ts">
import {ref, computed, watch} from 'vue' import {ref, computed, watch} from 'vue'
import MalioDate from "../../../../app/components/malio/date/Date.vue";
type Commune = { type Commune = {
nom: string nom: string
@@ -279,6 +283,7 @@ const onSearchAdresse = async (query: string) => {
const tabsValue = ref('information') const tabsValue = ref('information')
const concurrent = ref('') const concurrent = ref('')
const dateCreation = ref<string | null>(null)
const informationValid = computed(() => concurrent.value.trim().length > 0) const informationValid = computed(() => concurrent.value.trim().length > 0)
const adressesValid = computed(() => /^\d{5}$/.test(codePostal.value)) const adressesValid = computed(() => /^\d{5}$/.test(codePostal.value))

2
app/components/malio/date/internal/CalendarField.vue
View File

@@ -37,7 +37,7 @@
v-if="showClear" v-if="showClear"
type="button" type="button"
data-test="clear" data-test="clear"
class="text-m-muted hover:text-black" class="text-m-muted hover:text-m-primary"
aria-label="Effacer la date" aria-label="Effacer la date"
@click.stop="emit('clear')" @click.stop="emit('clear')"
> >