Sha256: 7c883ea3be3a34c3e4ca89b47c4afd30d4859f8b070d9ce42684b549f97f2806

Contents?: true

Size: 882 Bytes

Versions: 948

Compression:

Stored size: 882 Bytes

Contents

import React from 'react'
import { Date as FormattedDate } from 'playbook-ui'

const DateVariants = (props) => {
  return (
    <div>
      <FormattedDate
          showIcon
          size="sm"
          value={new Date('25 Dec 1995')}
          {...props}
      />

      <br />
      <br />

      <FormattedDate
          value={new Date('25 Dec 1995')}
          {...props}
      />

      <br />
      <br />

      <FormattedDate
          showIcon
          value={new Date('25 Dec 1995')}
          {...props}
      />

      <br />
      <br />

      <FormattedDate
          showDayOfWeek
          value={new Date('25 Dec 1995')}
          {...props}
      />

      <br />
      <br />

      <FormattedDate
          showDayOfWeek
          showIcon
          value={new Date('25 Dec 1995')}
          {...props}
      />
    </div>
  )
}

export default DateVariants

Version data entries

948 entries across 948 versions & 2 rubygems

Version Path
playbook_ui_docs-13.32.0.pre.alpha.PLAY14143264 app/pb_kits/playbook/pb_date/docs/_date_variants.jsx
playbook_ui-13.32.0.pre.alpha.PLAY14143264 app/pb_kits/playbook/pb_date/docs/_date_variants.jsx
playbook_ui_docs-13.32.0.pre.alpha.PLAY14143260 app/pb_kits/playbook/pb_date/docs/_date_variants.jsx
playbook_ui-13.32.0.pre.alpha.PLAY14143260 app/pb_kits/playbook/pb_date/docs/_date_variants.jsx
playbook_ui_docs-13.32.0.pre.alpha.PLAY14143255 app/pb_kits/playbook/pb_date/docs/_date_variants.jsx
playbook_ui-13.32.0.pre.alpha.PLAY14143255 app/pb_kits/playbook/pb_date/docs/_date_variants.jsx
playbook_ui_docs-13.32.0.pre.alpha.PLAY14143251 app/pb_kits/playbook/pb_date/docs/_date_variants.jsx
playbook_ui-13.32.0.pre.alpha.PLAY14143251 app/pb_kits/playbook/pb_date/docs/_date_variants.jsx