Date Time

Close

import React from 'react'
import DateTime from '../_date_time.jsx'

const DateTimeDefault = (props) => (
  <div>
    <DateTime
        datetime={new Date('2020-12-31 14:24:09')}
        showDayOfWeek
        showIcon
        {...props}
    />

    <br />

    <DateTime
        datetime={new Date()}
        showDayOfWeek
        {...props}
    />

    <br />

    <DateTime
        datetime={new Date()}
        showIcon
        {...props}
    />

    <br />

    <DateTime
        datetime={new Date('2020/12/31 14:24:09 -0500')}
        timeZone="Asia/Tokyo"
        {...props}
    />
  </div>
)

export default DateTimeDefault

Close

import React from 'react'
import DateTime from '../_date_time.jsx'

const DateTimeAlign = (props) => (
  <div>
    <DateTime
        datetime={new Date()}
        dayOfWeek
        icon
        {...props}
    />

    <br />

    <DateTime
        align="center"
        datetime={new Date()}
        dayOfWeek
        icon
        {...props}
    />

    <br />

    <DateTime
        align="right"
        datetime={new Date()}
        dayOfWeek
        icon
        {...props}
    />
  </div>
)

export default DateTimeAlign

Close

import React from 'react'
import DateTime from '../_date_time.jsx'

const DateTimeDefault = (props) => (
  <div>
    <DateTime
        datetime={new Date()}
        showDayOfWeek
        showIcon
        size="sm"
        {...props}
    />

    <br />

    <DateTime
        datetime={new Date()}
        showDayOfWeek
        size="sm"
        {...props}
    />

    <br />

    <DateTime
        datetime={new Date()}
        showIcon
        size="sm"
        {...props}
    />

    <br />

    <DateTime
        datetime={new Date()}
        size="sm"
        {...props}
    />

    <br />
    <br />

    <DateTime
        datetime={new Date()}
        showDayOfWeek
        showIcon
        {...props}
    />

    <br />

    <DateTime
        datetime={new Date()}
        showDayOfWeek
        {...props}
    />

    <br />

    <DateTime
        datetime={new Date()}
        showIcon
        {...props}
    />

    <br />

    <DateTime
        datetime={new Date()}
        {...props}
    />
  </div>
)

export default DateTimeDefault