diff options
| author | Baitinq <[email protected]> | 2024-07-04 22:25:54 +0200 |
|---|---|---|
| committer | Baitinq <[email protected]> | 2024-07-04 22:25:54 +0200 |
| commit | d61eb7365d6186c47cba9ee05cc329dc83622735 (patch) | |
| tree | dc56bb46624b5dc14d88be01bd666b1e0984f602 /src/components/TimePicker | |
| parent | Components: TimePicker: Add basic timepicker (diff) | |
| download | fs-tracer-frontend-d61eb7365d6186c47cba9ee05cc329dc83622735.tar.gz fs-tracer-frontend-d61eb7365d6186c47cba9ee05cc329dc83622735.tar.bz2 fs-tracer-frontend-d61eb7365d6186c47cba9ee05cc329dc83622735.zip | |
Components: TimePicker: Propagate timeframe state
Diffstat (limited to 'src/components/TimePicker')
| -rw-r--r-- | src/components/TimePicker/TimePicker.tsx | 16 |
1 files changed, 3 insertions, 13 deletions
diff --git a/src/components/TimePicker/TimePicker.tsx b/src/components/TimePicker/TimePicker.tsx index 174db31..bec1a24 100644 --- a/src/components/TimePicker/TimePicker.tsx +++ b/src/components/TimePicker/TimePicker.tsx @@ -1,20 +1,10 @@ -import { DateRangePicker, Provider, defaultTheme } from '@adobe/react-spectrum' -import { useState } from 'react'; -import { today, getLocalTimeZone } from '@internationalized/date'; +import { DateRangePicker } from '@adobe/react-spectrum' - -export default function TimePicker() { - const endTimeframe = today(getLocalTimeZone()); - const [value, setValue] = useState({ - start: endTimeframe.subtract({ days: 7 }), - end: endTimeframe - }); +export default function TimePicker(props: any) { return ( <> - <Provider theme={defaultTheme}> - <DateRangePicker aria-label="timeframe" value={value} onChange={setValue} /> - </Provider> + <DateRangePicker aria-label="timeframe" value={props.timeframe} onChange={props.setTimeframe} /> </> ) } |