Sha256: 66c0df7f65f07289cc12abe5e87f481148385b11ec80488cc2d76844bc988e7a
Contents?: true
Size: 1.4 KB
Versions: 72
Compression:
Stored size: 1.4 KB
Contents
import React from 'react'
import { buildCss } 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 = {
id?: string,
date: Date,
datetime: Date,
dark: boolean,
timeZone?: string,
}
const DateTimeStacked = (props: DateTimeStackedProps): React.ReactElement => {
if (props.date) deprecatedProps()
const {
date,
datetime,
dark,
timeZone = 'America/New_York',
} = props
const classes = buildCss('pb_date_time_stacked_kit', globalProps(props))
return (
<Flex
inline={false}
vertical="stretch"
{...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
72 entries across 72 versions & 1 rubygems