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-7.0.1.pre.alpha3 app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.jsx
playbook_ui-7.0.1.pre.alpha2 app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.jsx
playbook_ui-6.4.2 app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.jsx
playbook_ui-7.0.1.pre.alpha1 app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.jsx
playbook_ui-7.0.0.pre.alpha9 app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.jsx
playbook_ui-7.0.0.pre.alpha8 app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.jsx
playbook_ui-7.0.0.pre.alpha7 app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.jsx
playbook_ui-6.4.1 app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.jsx
playbook_ui-7.0.0.pre.alpha6 app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.jsx
playbook_ui-7.0.0.pre.alpha5 app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.jsx
playbook_ui-6.4.0 app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.jsx
playbook_ui-6.3.1 app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.jsx
playbook_ui-7.0.0.pre.alpha4 app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.jsx
playbook_ui-7.0.0.pre.alpha3 app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.jsx
playbook_ui-7.0.0.pre.alpha2 app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.jsx
playbook_ui-6.3.0 app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.jsx
playbook_ui-6.2.1 app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.jsx
playbook_ui-6.2.0 app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.jsx
playbook_ui-7.0.0.pre.alpha1 app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.jsx