@hig/timestamp NPM | npm.io

2.3.0 • Published 7 months ago

Install

Weekly downloads

16

License

Apache-2.0

Repository

Last release

7 months ago

Timestamp

The timestamp component presents a date in the past with humanized phrasing in English: "10 minutes/hours/days/months ago".

Getting started

yarn add @hig/timestamp @hig/theme-context @hig/theme-data

Import the component

import Timestamp from '@hig/timestamp';

Basic usage

<Timestamp timestamp="2018-05-05T12:00:00.000Z" />

Styling

Use the className prop to pass in a css class name to the outermost container of the component. The class name will also pass down to most of the other styled elements within the component.

Timestamp also has a stylesheet prop that accepts a function wherein you can modify its styles. For instance

import Timestamp from '@hig/timestamp';

function YourComponent() {
  // ...
  const customStylesheet = (styles, props, themeData) => ({
    ...styles,
    timestamp: {
      ...styles.timestamp,
      color: themeData["colorScheme.errorColor"]
    }
  });

  return (
    <Timestamp stylesheet={customStylesheet} timestamp="2018-05-05T12:00:00.000Z" />
  );
}

emotion prop-types

@infinitebrahmanuniverse/nolb-_hig @everything-registry/sub-chunk-395 hig-react @zalastax/nolb-_hig @hig/components

7 months ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

6 years ago

6 years ago

6 years ago

0.2.0-alpha.18da9628

6 years ago

0.2.0-alpha.08a74711

6 years ago

0.2.0-alpha.c84a6e41

6 years ago

0.2.0-alpha.921957c5

6 years ago

0.2.0-alpha.7a57fa8b

6 years ago

0.2.0-alpha.fbb1eed0

6 years ago

0.2.0-alpha.477bbd50

6 years ago

0.2.0-alpha.48865d3c

6 years ago

0.2.0-alpha.aedc366f

6 years ago

0.2.0-alpha.17713c8d

6 years ago

0.2.0-alpha.4ce2c078

6 years ago

0.2.0-alpha.09cf217c

6 years ago

0.2.0-alpha.66a8f744

6 years ago

0.2.0-alpha.82c749c4

6 years ago

0.2.0-alpha.48c93906

6 years ago

0.2.0-alpha.b1907560

6 years ago

0.2.0-alpha.1b7641c7

6 years ago

0.2.0-alpha.56f6a944

6 years ago

0.2.0-alpha.e610fd78

6 years ago

0.2.0-alpha.ee727b91

6 years ago

0.2.0-alpha.7d754caa

6 years ago

0.2.0-alpha.a59f6de7

6 years ago

0.2.0-alpha.616cd45d

6 years ago

0.2.0-alpha.6019ddd9

6 years ago

0.2.0-alpha.83e07673

6 years ago

0.2.0-alpha.056cb32e

6 years ago

0.2.0-alpha.81afec57

6 years ago

0.2.0-alpha.8ccba0ce

6 years ago

0.2.0-alpha.07dda526

6 years ago

0.2.0-alpha.24a8dfcc

6 years ago

0.2.0-alpha.d09c21e5

6 years ago

0.2.0-alpha.ece2f933

6 years ago

0.2.0-alpha.d4f39e69

6 years ago

0.2.0-alpha.0cfe988e

6 years ago

0.2.0-alpha.16905717

6 years ago

0.2.0-alpha.2c90eea6

6 years ago

0.2.0-alpha.ead80be1

6 years ago

6 years ago

0.2.0-alpha.2eb35b95

6 years ago

0.2.0-alpha.53829c48

6 years ago

0.2.0-alpha.51929e35

6 years ago

0.2.0-alpha.da8d993b

6 years ago

0.2.0-alpha.a7e48b6b

6 years ago

0.2.0-alpha.95e96891

6 years ago

0.2.0-alpha.142a1218

6 years ago

0.2.0-alpha.973a0872

6 years ago

0.2.0-alpha.8813910d

6 years ago

0.2.0-alpha.7eda8a42

6 years ago

0.2.0-alpha.91df7da2

6 years ago

6 years ago

0.2.0-alpha.7efcea38

6 years ago

0.2.0-alpha.b94224c6

6 years ago

0.1.0-alpha.aa9480ec

6 years ago

0.1.0-alpha.711c802c

6 years ago

0.1.0-alpha.9f5ebd81

6 years ago

0.1.0-alpha.a2391bda

6 years ago

0.1.0-alpha.d9fc498c

6 years ago

0.1.0-alpha.baeca6b5

6 years ago

0.1.0-alpha.f7f4402d

6 years ago

0.1.0-alpha.8656cb28

6 years ago

0.1.0-alpha.10c1414e

6 years ago

0.1.0-alpha.4a7e59d3

6 years ago

0.1.0-alpha.f372de37

6 years ago

0.1.0-alpha.69bb2e44

6 years ago

0.1.0-alpha.2edff3e6

6 years ago

0.1.0-alpha.b5deb0cb

6 years ago

0.1.0-alpha.de4da99d

6 years ago

0.1.0-alpha.04e0f0a0

6 years ago

0.1.0-alpha.348d1bd4

6 years ago

0.1.0-alpha.22828f03

6 years ago

0.1.0-alpha.d81fd7fa

6 years ago

0.1.0-alpha.908eccf3

6 years ago

0.1.0-alpha.235b923a

6 years ago

0.1.0-alpha.a529f134

6 years ago

0.1.0-alpha.fc17111c

6 years ago

0.1.0-alpha.22fae66d

6 years ago

0.1.0-alpha.08c3e651

6 years ago

0.1.0-alpha.1b33075a

6 years ago

0.1.0-alpha.256b7acb

6 years ago

0.1.0-alpha.7e067661

6 years ago

0.1.0-alpha.7c77b82f

6 years ago

0.1.0-alpha.18557704

6 years ago

0.1.0-alpha.e1b40010

6 years ago

0.1.0-alpha.d7d7ee5f

6 years ago

0.1.0-alpha.8dd688ca

6 years ago

0.1.0-alpha.4395edf0

6 years ago

0.1.0-alpha.0cdba2d5

6 years ago

0.1.0-alpha.6ba8ec1c

6 years ago

0.1.0-alpha.0c61e5c2

6 years ago

0.1.0-alpha.16f1fbdc

6 years ago

0.1.0-alpha.7a1c48cf

6 years ago

0.1.0-alpha.62ac882f

6 years ago

0.1.0-alpha.60d7230b

6 years ago

0.1.0-alpha.4cc6ad9e

6 years ago

0.1.0-alpha.220eff37

6 years ago

0.1.0-alpha.35b8a71d

6 years ago

0.1.0-alpha.974933cd

6 years ago

0.1.0-alpha.9fb41d04

6 years ago

0.1.0-alpha.7758d737

6 years ago

0.1.0-alpha.c2e500a7

6 years ago

0.1.0-alpha.0e6ea347

6 years ago

0.1.0-alpha.21135dbe

6 years ago

0.1.0-alpha.adf3bfb3

6 years ago

0.1.0-alpha.e9f6f0b1

6 years ago

0.1.0-alpha.011b51bc

6 years ago

0.1.0-alpha.955a974c

6 years ago

0.1.0-alpha.93754d28

6 years ago

0.1.0-alpha.d99ab10c

6 years ago

0.1.0-alpha.0106d6e0

6 years ago

0.1.0-alpha.81bd9138

6 years ago

0.1.0-alpha.6ee90932

6 years ago

0.1.0-alpha.66f8e803

6 years ago

0.1.0-alpha.994e0695

6 years ago

0.1.0-alpha.da753b8e

6 years ago

0.1.0-alpha.a36b4d24

6 years ago

0.1.0-alpha.4e42c3c5

6 years ago

0.1.0-alpha.618b44da

6 years ago

0.1.0-alpha.7048aa65

6 years ago

0.1.0-alpha.1bf93ec7

6 years ago

0.1.0-alpha.77ba8c5f

6 years ago

0.1.0-alpha.eaa5bffd

6 years ago

0.1.0-alpha.3a290a30

6 years ago

0.1.0-alpha.902ee5a9

6 years ago

0.1.0-alpha.6634b7d5

6 years ago

0.1.0-alpha.1427107d

6 years ago

0.1.0-alpha.52c6ed06

6 years ago

0.1.0-alpha.29696ead

6 years ago

0.1.0-alpha.639f7ea3

6 years ago

0.1.0-alpha.f90430f7

6 years ago

0.1.0-alpha.72e0baa7

6 years ago

0.1.0-alpha.8972daea

6 years ago