diff options
Diffstat (limited to 'src/components/TimePicker/TimePicker.tsx')
| -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> </> ) } |