Jump to time option in room timeline (#2377)
* add time and date picker components * add time utils * add jump to time in room timeline * fix typo causing crash in safari
This commit is contained in:
23
src/app/components/time-date/PickerColumn.tsx
Normal file
23
src/app/components/time-date/PickerColumn.tsx
Normal file
@@ -0,0 +1,23 @@
|
||||
import React, { ReactNode } from 'react';
|
||||
import { Box, Text, Scroll } from 'folds';
|
||||
import { CutoutCard } from '../cutout-card';
|
||||
import * as css from './styles.css';
|
||||
|
||||
export function PickerColumn({ title, children }: { title: string; children: ReactNode }) {
|
||||
return (
|
||||
<Box direction="Column" gap="100">
|
||||
<Text className={css.PickerColumnLabel} size="L400">
|
||||
{title}
|
||||
</Text>
|
||||
<Box grow="Yes">
|
||||
<CutoutCard variant="Background">
|
||||
<Scroll variant="Background" size="300" hideTrack>
|
||||
<Box className={css.PickerColumnContent} direction="Column" gap="100">
|
||||
{children}
|
||||
</Box>
|
||||
</Scroll>
|
||||
</CutoutCard>
|
||||
</Box>
|
||||
</Box>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user