diff --git a/README.md b/README.md
index c9a099d..5130c7e 100644
--- a/README.md
+++ b/README.md
@@ -30,28 +30,27 @@ Here is an example of how to use Datenel in your React application:
 
 ```tsx
 import React from 'react'
-import { WeekPicker } from 'datenel-react'
-import './app.scss'
+import { SingleDatePicker } from 'datenel-react'
 
 export default () => {
-	function onSelect(value) {
-		alert(`You selected ${value.year}-${value-month}-${value.day}`)
-	}
+  function onSelect(value) {
+    alert(`You selected ${value.year}-${value-month}-${value.day}`)
+  }
 
-	return (
-		<div className='app'>
-			<div className="border">
-				<WeekPicker 
-					value={{
-						year: 2025,
-						month: 1,
-						day: 1
-					}}
-					onSelect={onSelect}
-				/>
-			</div>
-		</div>
-	)
+  return (
+    <div className='app'>
+      <div className="border">
+        <SingleDatePicker 
+          value={{
+            year: 2025,
+            month: 1,
+            day: 1
+          }}
+          onSelect={onSelect}
+        />
+      </div>
+    </div>
+  )
 }
 ```