From 4f7f9cf9143ddd60a1ab4fd91852d50216153924 Mon Sep 17 00:00:00 2001
From: Wahyu Kurniawan <ayungavis@gmail.com>
Date: Tue, 20 Feb 2024 16:33:59 +0700
Subject: [PATCH] =?UTF-8?q?=F0=9F=93=9D=20docs:=20add=20calendar=20compone?=
 =?UTF-8?q?nt=20to=20the=20example=20page?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/frontend/src/pages/components/index.tsx | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/packages/frontend/src/pages/components/index.tsx b/packages/frontend/src/pages/components/index.tsx
index 8c23f341..4ff2e58f 100644
--- a/packages/frontend/src/pages/components/index.tsx
+++ b/packages/frontend/src/pages/components/index.tsx
@@ -1,4 +1,5 @@
 import { Button, ButtonOrLinkProps } from 'components/shared/Button';
+import { Calendar } from 'components/shared/Calendar';
 import { PlusIcon } from 'components/shared/CustomIcon';
 import React from 'react';
 
@@ -13,6 +14,7 @@ const Page = () => {
             packages/frontend/src/pages/components/index.tsx
           </code>
         </p>
+
         <div className="w-full h border border-gray-200 px-20 my-10" />
 
         {/* Insert Components here */}
@@ -69,6 +71,15 @@ const Page = () => {
             ))}
           </div>
         </div>
+
+        <div className="w-full h border border-gray-200 px-20 my-10" />
+        <div className="flex flex-col gap-10 items-center justify-between">
+          <h1 className="text-2xl font-bold">Calendar</h1>
+          <div className="flex gap-10 flex-wrap">
+            <Calendar />
+            <Calendar selectRange />
+          </div>
+        </div>
       </div>
     </div>
   );