Sha256: 336cc5bb1b252900bd763b4daa18c4176bc2227a9bb65c5a40f7a14a7cd98784

Contents?: true

Size: 599 Bytes

Versions: 547

Compression:

Stored size: 599 Bytes

Contents

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

const DateAlignment = (props) => {
  return (
    <div>
      <FormattedDate
          dayOfWeek
          icon
          value={new Date('25 Dec 1995')}
          {...props}
      />

      <br />

      <FormattedDate
          alignment="center"
          dayOfWeek
          icon
          value={new Date('25 Dec 2020')}
          {...props}
      />

      <br />

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

export default DateAlignment

Version data entries

547 entries across 547 versions & 2 rubygems

Version Path
playbook_ui_docs-13.28.0.pre.alpha.PLAY1338alpha3001 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui-13.28.0.pre.alpha.PLAY1338alpha3001 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui_docs-13.28.0.pre.alpha.PLAY1343fixTooltiprunwayissue2987 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui-13.28.0.pre.alpha.PLAY1343fixTooltiprunwayissue2987 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui_docs-13.28.0.pre.alpha.PLAY1343fixTooltiprunwayissue2986 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui-13.28.0.pre.alpha.PLAY1343fixTooltiprunwayissue2986 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui_docs-13.28.0.pre.alpha.PLAY1343fixTooltiprunwayissue2984 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui-13.28.0.pre.alpha.PLAY1343fixTooltiprunwayissue2984 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui_docs-13.27.0 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui-13.27.0 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui_docs-13.26.0.pre.alpha.PBNTR291Dropdownrailsv22840 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui-13.26.0.pre.alpha.PBNTR291Dropdownrailsv22840 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui_docs-13.26.0.pre.alpha.jasoncypretpatch12820 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui-13.26.0.pre.alpha.jasoncypretpatch12820 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui_docs-13.26.0.pre.alpha.jasoncypretpatch12816 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui-13.26.0.pre.alpha.jasoncypretpatch12816 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui_docs-13.25.0.pre.alpha.PBNTR291Dropdownrailsv22812 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui-13.25.0.pre.alpha.PBNTR291Dropdownrailsv22812 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui_docs-13.26.0 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui-13.26.0 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx