Sha256: 424e23d6e32deb9555c105e874f802353428b6c833966153e5e47e38e6febc78

Contents?: true

Size: 724 Bytes

Versions: 7

Compression:

Stored size: 724 Bytes

Contents

/* @flow */

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

type DateTimeStackedProps = {
  data?: String,
  id?: String,
  date: Date,
  dark: Boolean,
}

const DateTimeStacked = ({
  date,
  dark,
}: DateTimeStackedProps) => (
  <Flex
      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

7 entries across 7 versions & 1 rubygems

Version Path
playbook_ui-4.17.0.pre.alpha1 app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.jsx
playbook_ui-4.16.0 app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.jsx
playbook_ui-4.15.0 app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.jsx
playbook_ui-4.14.0 app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.jsx
playbook_ui-4.15.1.alpha1 app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.jsx
playbook_ui-4.13.1 app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.jsx
playbook_ui-4.13.0 app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.jsx