Inline datepicker update

pull/6537/head
Cagatay Civici 2024-10-04 23:52:53 +03:00
parent b79c86aca4
commit e6ca18d3a6
1 changed files with 4 additions and 4 deletions

View File

@ -3,7 +3,7 @@
<p>DatePicker is displayed as a popup by default, add <i>inline</i> property to customize this behavior.</p> <p>DatePicker is displayed as a popup by default, add <i>inline</i> property to customize this behavior.</p>
</DocSectionText> </DocSectionText>
<div class="card flex justify-center"> <div class="card flex justify-center">
<DatePicker v-model="date" inline showWeek /> <DatePicker v-model="date" inline showWeek class="w-full sm:w-[30rem]" />
</div> </div>
<DocSectionCode :code="code" /> <DocSectionCode :code="code" />
</template> </template>
@ -15,12 +15,12 @@ export default {
date: null, date: null,
code: { code: {
basic: ` basic: `
<DatePicker v-model="date" inline showWeek /> <DatePicker v-model="date" inline showWeek class="w-full sm:w-[30rem]" />
`, `,
options: ` options: `
<template> <template>
<div class="card flex justify-center"> <div class="card flex justify-center">
<DatePicker v-model="date" inline showWeek /> <DatePicker v-model="date" inline showWeek class="w-full sm:w-[30rem]" />
</div> </div>
</template> </template>
@ -37,7 +37,7 @@ export default {
composition: ` composition: `
<template> <template>
<div class="card flex justify-center"> <div class="card flex justify-center">
<DatePicker v-model="date" inline showWeek /> <DatePicker v-model="date" inline showWeek class="w-full sm:w-[30rem]" />
</div> </div>
</template> </template>