diff options
| author | Baitinq <[email protected]> | 2024-07-04 22:08:09 +0200 |
|---|---|---|
| committer | Baitinq <[email protected]> | 2024-07-04 22:14:50 +0200 |
| commit | c2ef41c771d5a22a7487afece0a1eb6343b2e929 (patch) | |
| tree | 39e988ff12f7fbf20e2f3ae9a7a5da9576f48d8b /src/components | |
| parent | Components: LineGraph: Fetch data from DB (diff) | |
| download | fs-tracer-frontend-c2ef41c771d5a22a7487afece0a1eb6343b2e929.tar.gz fs-tracer-frontend-c2ef41c771d5a22a7487afece0a1eb6343b2e929.tar.bz2 fs-tracer-frontend-c2ef41c771d5a22a7487afece0a1eb6343b2e929.zip | |
Components: TimePicker: Add basic timepicker
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/TimePicker/TimePicker.tsx | 15 |
1 files changed, 12 insertions, 3 deletions
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> </> ) } |