From 7a43085c6f486a2fcad8656c463bd017aa851ba8 Mon Sep 17 00:00:00 2001
From: Astrian Zheng <happy.wheel6743@astrian.moe>
Date: Sun, 23 Feb 2025 10:00:43 +1100
Subject: [PATCH] refactor: simplify example usage of SingleDatePicker in
 README.md

---
 README.md | 25 ++++++++++---------------
 1 file changed, 10 insertions(+), 15 deletions(-)

diff --git a/README.md b/README.md
index eccc540..f2cb07b 100644
--- a/README.md
+++ b/README.md
@@ -33,7 +33,6 @@ yarn add datenel-react # Use yarn
 Here is an example of how to use Datenel in your React application:
 
 ```tsx
-import React from 'react'
 import { SingleDatePicker } from 'datenel-react'
 
 export default () => {
@@ -41,23 +40,19 @@ export default () => {
     alert(`You selected ${value.year}-${value-month}-${value.day}`)
   }
 
-  return (
-    <div className='app'>
-      <div className="border">
-        <SingleDatePicker 
-          value={{
-            year: 2025,
-            month: 1,
-            day: 1
-          }}
-          onSelect={onSelect}
-        />
-      </div>
-    </div>
-  )
+  return <SingleDatePicker 
+    value={{
+      year: 2025,
+      month: 1,
+      day: 1
+    }}
+    onSelect={onSelect}
+  />
 }
 ```
 
+For more information and live demo, refer to [Datenel’s documentation](https://datenel.js.org/guide/react/gettingstart.html).
+
 ## Supported Components & Props
 
 - [x] SingleDatePicker