base-input-container.gap-y-2(:label="label", :style="{width: width + 'px', ...sizeVariable }")
q-input.input(
v-model="value",
:name="name",
:input-style="{resize: resize}",
:placeholder="placeholder",
outlined,
:readonly="readonly",
:disable="disabled",
mask="##.##.####",
:rules="[(val) => rule ? rule(val) : defaultRule(val)]",
:lazy-rules="lazyRule",
:item-aligned="itemAligned",
no-error-icon,
:accept="accept",
:debounce="debounce",
hide-bottom-space,
lazy-rules
)
template(v-slot:append, v-if="!readonly && !disabled")
q-icon.calendar-icon(
name="app:calendar",
class="cursor-pointer",
size="20px"
)
q-menu(
:style="{'margin-top': '6px !important'}",
v-model="calendarVisibility",
transition-show="scale",
transition-hide="scale",
self="top middle",
:offset="[118, 14]",
)
base-calendar(
v-model="internalDate",
:start-year="2000",
:save="closeCalendar",
@update:model-value="transmitInternalDate"
)