<UFormGroup :label="labels.daily" size="lg" :ui="{ label: { base: 'font-semibold text-md' } }">
<UInput
type="number"
step="0.01"
placeholder="3.14"
input-class="no-spinner"
:model-value="rateValue"
@update:model-value="updateRateValue"
icon="i-material-symbols-electric-bolt"
>
<template #trailing>
<USelect
v-model="selectedPeriod"
:options="periodOptions"
size="xs"
:ui="{ base: 'w-28' }"
/>
</template>
</UInput>
</UFormGroup>
<UFormGroup :label="labels.daily" size="lg" :ui="{ label: { base: 'font-semibold text-md' } }">
<UInput
type="number"
step="0.01"
placeholder="3.14"
input-class="no-spinner"
:model-value="rateValue"
@update:model-value="updateRateValue"
icon="i-material-symbols-electric-bolt"
>
<template #trailing>
<USelect
v-model="selectedPeriod"
:options="periodOptions"
size="xs"
:ui="{ base: 'w-28' }"
/>
</template>
</UInput>
</UFormGroup>