Sha256: 9cff06479cbf1e51ab3d8c83e28828be192874eb4476aa07814ebd3e8ec6ed5a

Contents?: true

Size: 502 Bytes

Versions: 10

Compression:

Stored size: 502 Bytes

Contents

import React from 'react'
import { Date as FormattedDate } from '../..'

const DateAlignment = () => {
  return (
    <div>
      <FormattedDate
          date="1995-12-25"
          dayOfWeek
          icon
      />

      <br />

      <FormattedDate
          alignment="center"
          date="2020-12-25"
          dayOfWeek
          icon
      />

      <br />

      <FormattedDate
          alignment="right"
          date={new Date()}
      />
    </div>
  )
}

export default DateAlignment

Version data entries

10 entries across 10 versions & 1 rubygems

Version Path
playbook_ui-7.0.0.pre.alpha9 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui-7.0.0.pre.alpha8 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui-7.0.0.pre.alpha7 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui-6.4.1 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui-7.0.0.pre.alpha6 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui-7.0.0.pre.alpha5 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui-6.4.0 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui-7.0.0.pre.alpha4 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui-7.0.0.pre.alpha3 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui-7.0.0.pre.alpha2 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx