Sha256: 55a6b1f9debd12f4e1468b51d39b7a9ed9d987c10e5005f7927d998d10de7daf

Contents?: true

Size: 1.05 KB

Versions: 112

Compression:

Stored size: 1.05 KB

Contents

import React from 'react'
import classnames from 'classnames'

import { buildCss, buildDataProps } from '../utilities/props'
import { globalProps } from '../utilities/globalProps'
import DateTime from '../pb_kit/dateTime';

import Body from '../pb_body/_body'
import Title from '../pb_title/_title'

type DateYearStackedProps = {
  align?: "left" | "center" | "right",
  className?: string | string[],
  dark?: boolean,
  data?: string,
  date: Date,
  id?: string,
}

const DateYearStacked = (props: DateYearStackedProps) => {
  const { align = 'left', className, dark = false, date, data={} } = props
  const css = classnames(
    buildCss('pb_date_year_stacked', align),
    globalProps(props),
    className
  )
  const dataProps = buildDataProps(data)

  return (
    <div {...dataProps}
        className={css}
    >
      <Title
          dark={dark}
          size={4}
          text={`${DateTime.toDay(date)} ${DateTime.toMonth(date).toUpperCase()}`}
      />
      <Body color="light">{DateTime.toYear(date)}</Body>
    </div>
  )
}

export default DateYearStacked

Version data entries

112 entries across 112 versions & 1 rubygems

Version Path
playbook_ui-12.37.0.pre.alpha.PLAYaddingdatapropselectkit1071 app/pb_kits/playbook/pb_date_year_stacked/_date_year_stacked.tsx
playbook_ui-12.38.0 app/pb_kits/playbook/pb_date_year_stacked/_date_year_stacked.tsx
playbook_ui-12.36.0.pre.alpha.PLAY936momentjs1058 app/pb_kits/playbook/pb_date_year_stacked/_date_year_stacked.tsx
playbook_ui-12.36.0.pre.alpha.PLAY936momentjs1050 app/pb_kits/playbook/pb_date_year_stacked/_date_year_stacked.tsx
playbook_ui-12.36.0.pre.alpha.PLAY936momentjs1047 app/pb_kits/playbook/pb_date_year_stacked/_date_year_stacked.tsx
playbook_ui-12.33.0.pre.alpha.PLAY905reactionbuttons982 app/pb_kits/playbook/pb_date_year_stacked/_date_year_stacked.tsx
playbook_ui-12.33.0.pre.alpha.PLAY905reactionbuttons979 app/pb_kits/playbook/pb_date_year_stacked/_date_year_stacked.tsx
playbook_ui-12.33.0.pre.alpha.revert2650closedialogonoutsideclick977 app/pb_kits/playbook/pb_date_year_stacked/_date_year_stacked.tsx
playbook_ui-12.33.0 app/pb_kits/playbook/pb_date_year_stacked/_date_year_stacked.tsx
playbook_ui-12.31.0.pre.alpha.PLAY814removemomentjs935 app/pb_kits/playbook/pb_date_year_stacked/_date_year_stacked.tsx
playbook_ui-12.31.0.pre.alpha.PLAY814removemomentjs933 app/pb_kits/playbook/pb_date_year_stacked/_date_year_stacked.tsx
playbook_ui-12.28.0.pre.alpha.PLAY814removemomentjs871 app/pb_kits/playbook/pb_date_year_stacked/_date_year_stacked.tsx