From e6ca18d3a60e4502868f3c132254b0445699818a Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Fri, 4 Oct 2024 23:52:53 +0300
Subject: [PATCH] Inline datepicker update

---
 apps/showcase/doc/datepicker/InlineDoc.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/showcase/doc/datepicker/InlineDoc.vue b/apps/showcase/doc/datepicker/InlineDoc.vue
index dc9276356..d6f1789dd 100644
--- a/apps/showcase/doc/datepicker/InlineDoc.vue
+++ b/apps/showcase/doc/datepicker/InlineDoc.vue
@@ -3,7 +3,7 @@
         <p>DatePicker is displayed as a popup by default, add <i>inline</i> property to customize this behavior.</p>
     </DocSectionText>
     <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>
     <DocSectionCode :code="code" />
 </template>
@@ -15,12 +15,12 @@ export default {
             date: null,
             code: {
                 basic: `
-<DatePicker v-model="date" inline showWeek />
+<DatePicker v-model="date" inline showWeek class="w-full sm:w-[30rem]" />
 `,
                 options: `
 <template>
     <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>
 </template>
 
@@ -37,7 +37,7 @@ export default {
                 composition: `
 <template>
     <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>
 </template>