Sha256: 71f3d92ec468be325dad6440eda1ef70c90c29a208395cd9c55b0f11e8eb2e4d

Contents?: true

Size: 888 Bytes

Versions: 119

Compression:

Stored size: 888 Bytes

Contents

/* @flow */

import React from 'react'
import { DateStacked, Flex, FlexItem, TimeStacked } from '../'
import { globalProps } from '../utilities/globalProps.js'

type DateTimeStackedProps = {
  data?: string,
  id?: string,
  date: date,
  dark: boolean,
}

const DateTimeStacked = (props: DateTimeStackedProps) => {
  const { date, dark } = props
  return (
    <Flex
        className={globalProps(props)}
        orientation="row"
        vertical="center"
    >
      <FlexItem>
        <DateStacked
            align="right"
            dark={dark}
            date={date}
            reverse
            size="sm"
        />
      </FlexItem>
      <FlexItem>
        <TimeStacked
            className="pb_date_time_stacked_kit"
            dark={dark}
            date={date}
            tag="caption"
        />
      </FlexItem>
    </Flex>
  )
}

export default DateTimeStacked

Version data entries

119 entries across 119 versions & 1 rubygems

Version Path
playbook_ui-8.0.3 app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.jsx
playbook_ui-8.0.2 app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.jsx
playbook_ui-8.0.1 app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.jsx
playbook_ui-8.0.0 app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.jsx
playbook_ui-8.0.0.pre.alpha5 app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.jsx
playbook_ui-8.0.0.pre.alpha4 app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.jsx
playbook_ui-8.0.0.pre.alpha1 app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.jsx
playbook_ui-7.16.0.pre.alpha5 app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.jsx
playbook_ui-7.16.0.pre.alpha4 app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.jsx
playbook_ui-7.16.0.pre.alpha3 app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.jsx
playbook_ui-7.16.0.pre.alpha2 app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.jsx
playbook_ui-7.16.0.pre.alpha1 app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.jsx
playbook_ui-7.14.0.pre.alpha1 app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.jsx
playbook_ui-7.16.0 app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.jsx
playbook_ui-7.15.1 app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.jsx
playbook_ui-7.15.0 app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.jsx
playbook_ui-7.14.0 app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.jsx
playbook_ui-7.13.0.pre.alpha1 app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.jsx
playbook_ui-7.13.0 app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.jsx
playbook_ui-7.12.1 app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.jsx