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.31.0.pre.alpha.PLAY814removemomentjs933 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui_docs-12.31.0.pre.alpha.datepickerdisableddatefix931 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui-12.31.0.pre.alpha.datepickerdisableddatefix931 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui_docs-12.31.0.pre.alpha.customiconsfa928 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui-12.31.0.pre.alpha.customiconsfa928 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui-12.31.0 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui_docs-12.30.1.pre.alpha.play846responsivespacingglobalpropsneedsdefault924 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui-12.30.1.pre.alpha.play846responsivespacingglobalpropsneedsdefault924 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui_docs-12.30.1.pre.alpha.PLAY906multilevelselectedidsprop917 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui-12.30.1.pre.alpha.PLAY906multilevelselectedidsprop917 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui_docs-12.30.1.pre.alpha.PLAY906multilevelselectedidsprop916 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui-12.30.1.pre.alpha.PLAY906multilevelselectedidsprop916 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui_docs-12.30.1.pre.alpha.hovertesting914 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui-12.30.1.pre.alpha.hovertesting914 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui_docs-12.30.1.pre.alpha.PLAY906multilevelselectedidsprop912 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui-12.30.1.pre.alpha.PLAY906multilevelselectedidsprop912 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui_docs-12.30.1.pre.alpha.PLAY802responsivetitlekit909 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui-12.30.1.pre.alpha.PLAY802responsivetitlekit909 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui_docs-12.30.0.pre.alpha.PLAY906multilevelselectedidsprop902 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx
playbook_ui-12.30.0.pre.alpha.PLAY906multilevelselectedidsprop902 app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx