Sha256: 786ae86d902975d10b2a24d57e273677dbb011d0c1b4311fe9299f60b9115b63

Contents?: true

Size: 573 Bytes

Versions: 546

Compression:

Stored size: 573 Bytes

Contents

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

const DateAlignment = (props) => {
  return (
    <div>
      <FormattedDate
          dayOfWeek
          icon
          value="1995-12-25"
          {...props}
      />

      <br />

      <FormattedDate
          alignment="center"
          dayOfWeek
          icon
          value="2020-12-25"
          {...props}
      />

      <br />

      <FormattedDate
          alignment="right"
          value={new Date()}
          {...props}
      />
    </div>
  )
}

export default DateAlignment

Version data entries

546 entries across 546 versions & 2 rubygems

Version Path
playbook_ui_docs-12.34.0.pre.alpha.play716popoverkitcloseonclickissue998 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui-12.34.0.pre.alpha.play716popoverkitcloseonclickissue998 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui_docs-12.34.0 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui-12.34.0 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui_docs-12.33.1.pre.alpha.PLAY933navkitcollapsible994 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui-12.33.1.pre.alpha.PLAY933navkitcollapsible994 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui-12.33.1 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui_docs-12.32.0 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui-12.32.0 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui_docs-12.31.0.pre.alpha.hoverrails951 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui-12.31.0.pre.alpha.hoverrails951 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui_docs-12.31.0.pre.alpha.hoverrails948 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui-12.31.0.pre.alpha.hoverrails948 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui_docs-12.31.0.pre.alpha.multilevelnopillsdesigns944 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui-12.31.0.pre.alpha.multilevelnopillsdesigns944 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui_docs-12.31.0.pre.alpha.multilevelnopillsdesigns941 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui-12.31.0.pre.alpha.multilevelnopillsdesigns941 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui_docs-12.31.0.pre.alpha.PLAY814removemomentjs935 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui-12.31.0.pre.alpha.PLAY814removemomentjs935 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui_docs-12.31.0.pre.alpha.PLAY814removemomentjs933 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx