Box Button ConstructorElement Counter EmailInput FormattedDate Properties Date from string Today Yesterday 5 days ago Icons Input Logo PasswordInput Readme Tab Typography

FormattedDate

Properties

date

Date

required

className

string | undefined

Date from string

35 дней назад, 20:33

() => {
  const dateFromServer = '2022-10-10T17:33:32.877Z'
  return <FormattedDate date={new Date(dateFromServer)} />
}

() => {
  const dateFromServer = '2022-10-10T17:33:32.877Z'
  return <FormattedDate date={new Date(dateFromServer)} />
}

Today

Сегодня, 02:12

() => {
  const today = new Date()
  return (
    <FormattedDate
      date={
        new Date(
          today.getFullYear(),
          today.getMonth(),
          today.getDate(),
          today.getHours(),
          today.getMinutes() - 1,
          0,
        )
      }
    />
  )
}

() => {
  const today = new Date()
  return (
    <FormattedDate
      date={
        new Date(
          today.getFullYear(),
          today.getMonth(),
          today.getDate(),
          today.getHours(),
          today.getMinutes() - 1,
          0,
        )
      }
    />
  )
}

Yesterday

Вчера, 02:12

() => {
  const today = new Date()
  const yesterday = new Date(
    today.getFullYear(),
    today.getMonth(),
    today.getDate() - 1,
    today.getHours(),
    today.getMinutes() - 1,
    0,
  )
  return <FormattedDate date={yesterday} />
}

() => {
  const today = new Date()
  const yesterday = new Date(
    today.getFullYear(),
    today.getMonth(),
    today.getDate() - 1,
    today.getHours(),
    today.getMinutes() - 1,
    0,
  )
  return <FormattedDate date={yesterday} />
}

5 days ago

5 дней назад, 02:12

() => {
  const today = new Date()
  const fiveDaysAgo = new Date(
    today.getFullYear(),
    today.getMonth(),
    today.getDate() - 5,
    today.getHours(),
    today.getMinutes() - 1,
    0,
  )
  return <FormattedDate date={fiveDaysAgo} />
}

() => {
  const today = new Date()
  const fiveDaysAgo = new Date(
    today.getFullYear(),
    today.getMonth(),
    today.getDate() - 5,
    today.getHours(),
    today.getMinutes() - 1,
    0,
  )
  return <FormattedDate date={fiveDaysAgo} />
}