Sha256: 076701b0fed12d9654ec2df5bf90c083544ae7793a257fd0a958a9d80c3e7f18

Contents?: true

Size: 1.08 KB

Versions: 546

Compression:

Stored size: 1.08 KB

Contents

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

const DateDefault = (props) => {
  return (
    <>
      <FormattedDate
          size="sm"
          value={new Date()}
          {...props}
      />

      <br />

      <FormattedDate
          size="sm"
          value="2012-08-03"
          {...props}
      />

      <br />

      <FormattedDate
          showDayOfWeek
          size="sm"
          value="2017-12-03"
          {...props}
      />

      <br />
      <br />

      <FormattedDate
          value={new Date()}
          {...props}
      />

      <br />

      <FormattedDate
          value="2012-08-03"
          {...props}
      />

      <br />

      <FormattedDate
          showDayOfWeek
          value="2017-12-03"
          {...props}
      />
    </>
  )
}

export default DateDefault

// *Development Note* -  We are reviewing this kit for a potential name change due to naming collisions when `new Date()` is used.
// To avoid this bug, please use name spacing as shown in the code examples. ie `import { Date as AliasedComponentName } from '../../'

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