Sha256: 30283bd4ce106d895e2b7cf82294a5db0dff322b11177a3560b92b5eb6c5649c
Contents?: true
Size: 1.58 KB
Versions: 674
Compression:
Stored size: 1.58 KB
Contents
import React from 'react'
import { buildCss, buildHtmlProps } from '../utilities/props'
import { deprecatedProps, globalProps } from '../utilities/globalProps'
import Flex from '../pb_flex/_flex'
import FlexItem from '../pb_flex/_flex_item'
import SectionSeparator from '../pb_section_separator/_section_separator'
import TimeStacked from '../pb_time_stacked/_time_stacked'
import DateStacked from '../pb_date_stacked/_date_stacked'
type DateTimeStackedProps = {
htmlOptions?: {[key: string]: string | number | boolean | (() => void)},
id?: string,
date: Date,
datetime: Date,
dark: boolean,
timeZone?: string,
}
const DateTimeStacked = (props: DateTimeStackedProps): React.ReactElement => {
if (props.date) deprecatedProps()
const {
date,
datetime,
dark,
htmlOptions = {},
timeZone = 'America/New_York',
} = props
const classes = buildCss('pb_date_time_stacked_kit', globalProps(props))
const htmlProps = buildHtmlProps(htmlOptions)
return (
<Flex
inline={false}
vertical="stretch"
{...htmlProps}
{...props}
>
<FlexItem>
<DateStacked
align="right"
bold
dark={dark}
date={date || datetime}
/>
</FlexItem>
<SectionSeparator
className="date-time-padding"
orientation="vertical"
/>
<FlexItem>
<TimeStacked
className={classes}
dark={dark}
date={date || datetime}
timeZone={timeZone}
/>
</FlexItem>
</Flex>
)
}
export default DateTimeStacked
Version data entries
674 entries across 674 versions & 1 rubygems