From c2ef41c771d5a22a7487afece0a1eb6343b2e929 Mon Sep 17 00:00:00 2001
From: Baitinq <manuelpalenzuelamerino@gmail.com>
Date: Thu, 4 Jul 2024 22:08:09 +0200
Subject: Components: TimePicker: Add basic timepicker

---
 src/components/TimePicker/TimePicker.tsx | 15 ++++++++++++---
 src/pages/Home.tsx                       |  2 +-
 2 files changed, 13 insertions(+), 4 deletions(-)

(limited to 'src')

diff --git a/src/components/TimePicker/TimePicker.tsx b/src/components/TimePicker/TimePicker.tsx
index b20b1f6..174db31 100644
--- a/src/components/TimePicker/TimePicker.tsx
+++ b/src/components/TimePicker/TimePicker.tsx
@@ -1,11 +1,20 @@
-//import { DateRangePicker } from 'react-date-range';
+import { DateRangePicker, Provider, defaultTheme } from '@adobe/react-spectrum'
+import { useState } from 'react';
+import { today, getLocalTimeZone } from '@internationalized/date';
+
 
 export default function TimePicker() {
-	//			<DateRangePicker />
+	const endTimeframe = today(getLocalTimeZone());
+	const [value, setValue] = useState({
+		start: endTimeframe.subtract({ days: 7 }),
+		end: endTimeframe
+	});
 
 	return (
 		<>
-			<p>TODO</p>
+			<Provider theme={defaultTheme}>
+				<DateRangePicker aria-label="timeframe" value={value} onChange={setValue} />
+			</Provider>
 		</>
 	)
 }
diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx
index 8c3e23c..193b033 100644
--- a/src/pages/Home.tsx
+++ b/src/pages/Home.tsx
@@ -40,7 +40,7 @@ export default function Home(props: any) {
         <main className="overflow-y-auto flex flex-col flex-1 mx-5">
           <div className="flex flex-col w-full gap-7 flex-grow">
             <div className="flex flex-row gap-7 flex-grow">
-              <div className="ml-auto">
+              <div className="ml-auto mt-2">
                 <TimePicker />
               </div>
             </div>
-- 
cgit 1.4.1