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-12.27.0 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui_docs-12.26.1.pre.alpha.railsmultilevelimprovements842 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui-12.26.1.pre.alpha.railsmultilevelimprovements842 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui_docs-12.26.1.pre.alpha.railsmultilevelimprovements837 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui-12.26.1.pre.alpha.railsmultilevelimprovements837 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui_docs-12.26.1.pre.alpha.PLAY860PhoneNumInputOptions836 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui-12.26.1.pre.alpha.PLAY860PhoneNumInputOptions836 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui_docs-12.26.1.pre.alpha.railsmultilevelimprovements835 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui-12.26.1.pre.alpha.railsmultilevelimprovements835 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui_docs-12.26.1.pre.alpha.play716popoverkitcloseonclickissue833 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui-12.26.1.pre.alpha.play716popoverkitcloseonclickissue833 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui_docs-12.26.1.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown831 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui-12.26.1.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown831 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui-12.26.1 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui_docs-12.26.0.pre.alpha.multiselectfixes825 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui-12.26.0.pre.alpha.multiselectfixes825 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui_docs-12.26.0.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown822 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui-12.26.0.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown822 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui_docs-12.26.0.pre.alpha.multiselectfixes821 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui-12.26.0.pre.alpha.multiselectfixes821 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx