{"_id":"@bentoproject/timeago","_rev":"244-25adc18f7c71e64bd7dc0fc742bae019","name":"@bentoproject/timeago","dist-tags":{"nightly":"1.2305241828.0","latest":"1.2305051745.1"},"versions":{"1.2110261518.0":{"name":"@bentoproject/timeago","version":"1.2110261518.0","description":"AMP HTML amp-timeago Component","author":{"name":"The AMP HTML Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":"./web-component","./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"}},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-timeago/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-timeago/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"gitHead":"e4bbe5c706c18a2c817265b40388ca4d4771613a","bugs":{"url":"https://github.com/ampproject/amphtml/issues"},"_id":"@bentoproject/timeago@1.2110261518.0","_nodeVersion":"16.13.0","_npmVersion":"8.1.0","dist":{"integrity":"sha512-os/fCvlxg3NpxI6tgnTNpXYbKavcmV+t7sApUTL4YLiSnPkMKn7mC7aOp77/J7NqpHfyCrfqiaV4WTj23D5XfA==","shasum":"67fdf31e5a071631327846b9389630df3bbb9b2f","tarball":"https://registry.npmjs.org/@bentoproject/timeago/-/timeago-1.2110261518.0.tgz","fileCount":27,"unpackedSize":3052836,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD4GWGDngmAbIveQNssDIUmc+bRwxYHoWvW7iuvWwgfkQIhAN9ZFFqUlu2IJ09ew9prUneJjGYb8Qd6ZuiKlLLB3pwK"}]},"_npmUser":{"name":"ampprojectbot","email":"bot@amp.dev"},"directories":{},"maintainers":[{"name":"ampprojectbot","email":"bot@amp.dev"},{"name":"kristoferbaxter","email":"kbax@me.com"},{"name":"esth","email":"esther@amp.dev"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/timeago_1.2110261518.0_1635445242254_0.1504662663943006"},"_hasShrinkwrap":false},"1.2110252343.0":{"name":"@bentoproject/timeago","version":"1.2110252343.0","description":"Bento timeago Component","author":{"name":"Bento Authors"},"license":"Apache-2.0","main":"./dist/web-component.js","module":"./dist/web-component.module.js","exports":{".":"./web-component","./web-component":{"import":"./dist/web-component.module.js","require":"./dist/web-component.js"},"./preact":{"import":"./dist/component-preact.module.js","require":"./dist/component-preact.js"},"./react":{"import":"./dist/component-react.module.js","require":"./dist/component-react.js"}},"repository":{"type":"git","url":"git+https://github.com/ampproject/amphtml.git","directory":"extensions/amp-timeago/1.0"},"homepage":"https://github.com/ampproject/amphtml/tree/main/extensions/amp-timeago/1.0","peerDependencies":{"preact":"^10.2.1","react":"^17.0.0"},"readme":"# Bento Timeago\n\nThe Bento Timeago component can count up to, or away from, a specified date and time. It replaces the text node with a fuzzy timestamp, such as `in 30 years` or `3 hours ago`.\n\n## Usage\n\n### Web Component\n\nYou must include each Bento component's required CSS library before adding custom styles in order to guarantee proper loading. Or use the lightweight pre-uprgrade styles available inline. See [Layout and Style](#layout-and-style).\n\nThe examples below demonstrate use of the `` web component.\n\n#### Example: Import via npm\n\nInstall via npm:\n\n```sh\nnpm install @bentoproject/timeago\n```\n\n```javascript\nimport {defineElement as defineBentoTimeago} from '@bentoproject/timeago';\ndefineBentoTimeago();\n```\n\n#### Example: Import via `\n \n \n\n\n Saturday 11 April 2017 00.37\n\n

\n \n \n \n

\n\n\n```\n\n#### Layout and style\n\nEach Bento component has a small CSS library you must include to guarantee proper loading without [content shifts](https://web.dev/cls/). Because of order-based specificity, you must manually ensure that stylesheets are included before any custom styles.\n\n```html\n\n```\n\nAlternatively, you may also make the light-weight pre-upgrade styles available inline:\n\n```html\n\n```\n\n#### Attributes\n\n##### `datetime`\n\nThe required `datetime` attribute sets the date and time. The value must be an [ISO datetime](https://www.w3.org/QA/Tips/iso-date).\n\n- Express time in UTC (Coordinated Universal Time): `2017-03-10T01:00:00Z`\n- Express in local time with a time zone offset: `2017-03-09T20:00:00-05:00`\n\n##### `locale` (optional)\n\nAdd the `locale` attribute to specify one of the following values to change the locale. The default value is `en`.\n\n- `ar` (Arabic)\n- `be` (Belarusian)\n- `bg` (Bulgarian)\n- `bn-IN` (Bangla)\n- `ca` (Catalan)\n- `cs` (Czech)\n- `da` (Danish)\n- `de` (German)\n- `el` (Greek)\n- `en` (English)\n- `en-short` (English - short)\n- `es` (Spanish)\n- `eu` (Basque)\n- `fa` (Persian - Farsi)\n- `fi` (Finnish)\n- `fr` (French)\n- `gl` (Galician)\n- `he` (Hebrew)\n- `hi-IN` (Hindi)\n- `hu` (Hungarian)\n- `id-ID` (Malay)\n- `it` (Italian)\n- `ja` (Japanese)\n- `ka` (Georgian)\n- `ko` (Korean)\n- `ml` (Malayalam)\n- `my` (Burmese - Myanmar)\n- `nb-NO` (Norwegian Bokmål)\n- `nl` (Dutch)\n- `nn-NO` (Norwegian Nynorsk)\n- `pl` (Polish)\n- `pt-BR` (Portuguese)\n- `ro` (Romanian)\n- `ru` (Russian)\n- `sq` (Albanian)\n- `sr` (Serbian)\n- `sv` (Swedish)\n- `ta` (Tamil)\n- `th` (Thai)\n- `tr` (Turkish)\n- `uk` (Ukrainian)\n- `vi` (Vietnamese)\n- `zh-CN` (Chinese)\n- `zh-TW` (Taiwanese)\n\n##### `cutoff`\n\nAdd the `cutoff` attribute to display the date specified in the `datatime` attribute after passing the specified date in seconds.\n\n### Preact/React Component\n\nThe examples below demonstrates use of the `` as a functional component usable with the Preact or React libraries.\n\n#### Example: Import via npm\n\nInstall via npm:\n\n```sh\nnpm install @bentoproject/timeago\n```\n\n```javascript\nimport React from 'react';\nimport {BentoTimeago} from '@bentoproject/timeago/react';\nimport '@bentoproject/timeago/styles.css';\n\nfunction App() {\n return (\n \n );\n}\n```\n\n#### Layout and style\n\nThe Bento Date Display Preact/React component allows consumers to render their own templates. These templates may use inline styles, `\n```\n\n### Attributes\n\n#### `datetime`\n\nThe required `datetime` attribute sets the date and time. The value must be an [ISO datetime](https://www.w3.org/QA/Tips/iso-date).\n\n- Express time in UTC (Coordinated Universal Time): `2017-03-10T01:00:00Z`\n- Express in local time with a time zone offset: `2017-03-09T20:00:00-05:00`\n\n#### `locale` (optional)\n\nAdd the `locale` attribute to specify one of the following values to change the locale. The default value is `en`.\n\n- `ar` (Arabic)\n- `be` (Belarusian)\n- `bg` (Bulgarian)\n- `bn-IN` (Bangla)\n- `ca` (Catalan)\n- `cs` (Czech)\n- `da` (Danish)\n- `de` (German)\n- `el` (Greek)\n- `en` (English)\n- `en-short` (English - short)\n- `es` (Spanish)\n- `eu` (Basque)\n- `fa` (Persian - Farsi)\n- `fi` (Finnish)\n- `fr` (French)\n- `gl` (Galician)\n- `he` (Hebrew)\n- `hi-IN` (Hindi)\n- `hu` (Hungarian)\n- `id-ID` (Malay)\n- `it` (Italian)\n- `ja` (Japanese)\n- `ka` (Georgian)\n- `ko` (Korean)\n- `ml` (Malayalam)\n- `my` (Burmese - Myanmar)\n- `nb-NO` (Norwegian Bokmål)\n- `nl` (Dutch)\n- `nn-NO` (Norwegian Nynorsk)\n- `pl` (Polish)\n- `pt-BR` (Portuguese)\n- `ro` (Romanian)\n- `ru` (Russian)\n- `sq` (Albanian)\n- `sr` (Serbian)\n- `sv` (Swedish)\n- `ta` (Tamil)\n- `th` (Thai)\n- `tr` (Turkish)\n- `uk` (Ukrainian)\n- `vi` (Vietnamese)\n- `zh-CN` (Chinese)\n- `zh-TW` (Taiwanese)\n\n#### `cutoff`\n\nAdd the `cutoff` attribute to display the date specified in the `datatime` attribute after passing the specified date in seconds.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/timeago\n```\n\n```javascript\nimport React from 'react';\nimport {BentoTimeago} from '@bentoproject/timeago/react';\nimport '@bentoproject/timeago/styles.css';\n\nfunction App() {\n return (\n \n );\n}\n```\n\n### Layout and style\n\nThe Bento Date Display Preact/React component allows consumers to render their own templates. These templates may use inline styles, `\n```\n\n### Attributes\n\n#### `datetime`\n\nThe required `datetime` attribute sets the date and time. The value must be an [ISO datetime](https://www.w3.org/QA/Tips/iso-date).\n\n- Express time in UTC (Coordinated Universal Time): `2017-03-10T01:00:00Z`\n- Express in local time with a time zone offset: `2017-03-09T20:00:00-05:00`\n\n#### `locale` (optional)\n\nAdd the `locale` attribute to specify one of the following values to change the locale. The default value is `en`.\n\n- `ar` (Arabic)\n- `be` (Belarusian)\n- `bg` (Bulgarian)\n- `bn-IN` (Bangla)\n- `ca` (Catalan)\n- `cs` (Czech)\n- `da` (Danish)\n- `de` (German)\n- `el` (Greek)\n- `en` (English)\n- `en-short` (English - short)\n- `es` (Spanish)\n- `eu` (Basque)\n- `fa` (Persian - Farsi)\n- `fi` (Finnish)\n- `fr` (French)\n- `gl` (Galician)\n- `he` (Hebrew)\n- `hi-IN` (Hindi)\n- `hu` (Hungarian)\n- `id-ID` (Malay)\n- `it` (Italian)\n- `ja` (Japanese)\n- `ka` (Georgian)\n- `ko` (Korean)\n- `ml` (Malayalam)\n- `my` (Burmese - Myanmar)\n- `nb-NO` (Norwegian Bokmål)\n- `nl` (Dutch)\n- `nn-NO` (Norwegian Nynorsk)\n- `pl` (Polish)\n- `pt-BR` (Portuguese)\n- `ro` (Romanian)\n- `ru` (Russian)\n- `sq` (Albanian)\n- `sr` (Serbian)\n- `sv` (Swedish)\n- `ta` (Tamil)\n- `th` (Thai)\n- `tr` (Turkish)\n- `uk` (Ukrainian)\n- `vi` (Vietnamese)\n- `zh-CN` (Chinese)\n- `zh-TW` (Taiwanese)\n\n#### `cutoff`\n\nAdd the `cutoff` attribute to display the date specified in the `datatime` attribute after passing the specified date in seconds.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/timeago\n```\n\n```javascript\nimport React from 'react';\nimport {BentoTimeago} from '@bentoproject/timeago/react';\nimport '@bentoproject/timeago/styles.css';\n\nfunction App() {\n return (\n \n );\n}\n```\n\n### Layout and style\n\nThe Bento Date Display Preact/React component allows consumers to render their own templates. These templates may use inline styles, `\n```\n\n### Attributes\n\n#### `datetime`\n\nThe required `datetime` attribute sets the date and time. The value must be an [ISO datetime](https://www.w3.org/QA/Tips/iso-date).\n\n- Express time in UTC (Coordinated Universal Time): `2017-03-10T01:00:00Z`\n- Express in local time with a time zone offset: `2017-03-09T20:00:00-05:00`\n\n#### `locale` (optional)\n\nAdd the `locale` attribute to specify one of the following values to change the locale. The default value is `en`.\n\n- `ar` (Arabic)\n- `be` (Belarusian)\n- `bg` (Bulgarian)\n- `bn-IN` (Bangla)\n- `ca` (Catalan)\n- `cs` (Czech)\n- `da` (Danish)\n- `de` (German)\n- `el` (Greek)\n- `en` (English)\n- `en-short` (English - short)\n- `es` (Spanish)\n- `eu` (Basque)\n- `fa` (Persian - Farsi)\n- `fi` (Finnish)\n- `fr` (French)\n- `gl` (Galician)\n- `he` (Hebrew)\n- `hi-IN` (Hindi)\n- `hu` (Hungarian)\n- `id-ID` (Malay)\n- `it` (Italian)\n- `ja` (Japanese)\n- `ka` (Georgian)\n- `ko` (Korean)\n- `ml` (Malayalam)\n- `my` (Burmese - Myanmar)\n- `nb-NO` (Norwegian Bokmål)\n- `nl` (Dutch)\n- `nn-NO` (Norwegian Nynorsk)\n- `pl` (Polish)\n- `pt-BR` (Portuguese)\n- `ro` (Romanian)\n- `ru` (Russian)\n- `sq` (Albanian)\n- `sr` (Serbian)\n- `sv` (Swedish)\n- `ta` (Tamil)\n- `th` (Thai)\n- `tr` (Turkish)\n- `uk` (Ukrainian)\n- `vi` (Vietnamese)\n- `zh-CN` (Chinese)\n- `zh-TW` (Taiwanese)\n\n#### `cutoff`\n\nAdd the `cutoff` attribute to display the date specified in the `datatime` attribute after passing the specified date in seconds.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/timeago\n```\n\n```javascript\nimport React from 'react';\nimport {BentoTimeago} from '@bentoproject/timeago/react';\nimport '@bentoproject/timeago/styles.css';\n\nfunction App() {\n return (\n \n );\n}\n```\n\n### Layout and style\n\nThe Bento Date Display Preact/React component allows consumers to render their own templates. These templates may use inline styles, `\n```\n\n### Attributes\n\n#### `datetime`\n\nThe required `datetime` attribute sets the date and time. The value must be an [ISO datetime](https://www.w3.org/QA/Tips/iso-date).\n\n- Express time in UTC (Coordinated Universal Time): `2017-03-10T01:00:00Z`\n- Express in local time with a time zone offset: `2017-03-09T20:00:00-05:00`\n\n#### `locale` (optional)\n\nAdd the `locale` attribute to specify one of the following values to change the locale. The default value is `en`.\n\n- `ar` (Arabic)\n- `be` (Belarusian)\n- `bg` (Bulgarian)\n- `bn-IN` (Bangla)\n- `ca` (Catalan)\n- `cs` (Czech)\n- `da` (Danish)\n- `de` (German)\n- `el` (Greek)\n- `en` (English)\n- `en-short` (English - short)\n- `es` (Spanish)\n- `eu` (Basque)\n- `fa` (Persian - Farsi)\n- `fi` (Finnish)\n- `fr` (French)\n- `gl` (Galician)\n- `he` (Hebrew)\n- `hi-IN` (Hindi)\n- `hu` (Hungarian)\n- `id-ID` (Malay)\n- `it` (Italian)\n- `ja` (Japanese)\n- `ka` (Georgian)\n- `ko` (Korean)\n- `ml` (Malayalam)\n- `my` (Burmese - Myanmar)\n- `nb-NO` (Norwegian Bokmål)\n- `nl` (Dutch)\n- `nn-NO` (Norwegian Nynorsk)\n- `pl` (Polish)\n- `pt-BR` (Portuguese)\n- `ro` (Romanian)\n- `ru` (Russian)\n- `sq` (Albanian)\n- `sr` (Serbian)\n- `sv` (Swedish)\n- `ta` (Tamil)\n- `th` (Thai)\n- `tr` (Turkish)\n- `uk` (Ukrainian)\n- `vi` (Vietnamese)\n- `zh-CN` (Chinese)\n- `zh-TW` (Taiwanese)\n\n#### `cutoff`\n\nAdd the `cutoff` attribute to display the date specified in the `datatime` attribute after passing the specified date in seconds.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/timeago\n```\n\n```javascript\nimport React from 'react';\nimport {BentoTimeago} from '@bentoproject/timeago/react';\nimport '@bentoproject/timeago/styles.css';\n\nfunction App() {\n return (\n \n );\n}\n```\n\n### Layout and style\n\nThe Bento Date Display Preact/React component allows consumers to render their own templates. These templates may use inline styles, `\n```\n\n### Attributes\n\n#### `datetime`\n\nThe required `datetime` attribute sets the date and time. The value must be an [ISO datetime](https://www.w3.org/QA/Tips/iso-date).\n\n- Express time in UTC (Coordinated Universal Time): `2017-03-10T01:00:00Z`\n- Express in local time with a time zone offset: `2017-03-09T20:00:00-05:00`\n\n#### `locale` (optional)\n\nAdd the `locale` attribute to specify one of the following values to change the locale. The default value is `en`.\n\n- `ar` (Arabic)\n- `be` (Belarusian)\n- `bg` (Bulgarian)\n- `bn-IN` (Bangla)\n- `ca` (Catalan)\n- `cs` (Czech)\n- `da` (Danish)\n- `de` (German)\n- `el` (Greek)\n- `en` (English)\n- `en-short` (English - short)\n- `es` (Spanish)\n- `eu` (Basque)\n- `fa` (Persian - Farsi)\n- `fi` (Finnish)\n- `fr` (French)\n- `gl` (Galician)\n- `he` (Hebrew)\n- `hi-IN` (Hindi)\n- `hu` (Hungarian)\n- `id-ID` (Malay)\n- `it` (Italian)\n- `ja` (Japanese)\n- `ka` (Georgian)\n- `ko` (Korean)\n- `ml` (Malayalam)\n- `my` (Burmese - Myanmar)\n- `nb-NO` (Norwegian Bokmål)\n- `nl` (Dutch)\n- `nn-NO` (Norwegian Nynorsk)\n- `pl` (Polish)\n- `pt-BR` (Portuguese)\n- `ro` (Romanian)\n- `ru` (Russian)\n- `sq` (Albanian)\n- `sr` (Serbian)\n- `sv` (Swedish)\n- `ta` (Tamil)\n- `th` (Thai)\n- `tr` (Turkish)\n- `uk` (Ukrainian)\n- `vi` (Vietnamese)\n- `zh-CN` (Chinese)\n- `zh-TW` (Taiwanese)\n\n#### `cutoff`\n\nAdd the `cutoff` attribute to display the date specified in the `datatime` attribute after passing the specified date in seconds.\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/timeago\n```\n\n```javascript\nimport React from 'react';\nimport {BentoTimeago} from '@bentoproject/timeago/react';\nimport '@bentoproject/timeago/styles.css';\n\nfunction App() {\n return (\n \n );\n}\n```\n\n### Layout and style\n\nThe Bento Date Display Preact/React component allows consumers to render their own templates. These templates may use inline styles, `\n```\n\n### Attributes\n\n#### `datetime`\n\nThe required `datetime` attribute sets the date and time. The value must be an [ISO datetime](https://www.w3.org/QA/Tips/iso-date).\n\n- Express time in UTC (Coordinated Universal Time): `2017-03-10T01:00:00Z`\n- Express in local time with a time zone offset: `2017-03-09T20:00:00-05:00`\n\n#### `locale` (optional)\n\nAdd the `locale` attribute to specify one of the following values to change the locale. The default value is `en`.\n\n- `ar` (Arabic)\n- `be` (Belarusian)\n- `bg` (Bulgarian)\n- `bn-IN` (Bangla)\n- `ca` (Catalan)\n- `cs` (Czech)\n- `da` (Danish)\n- `de` (German)\n- `el` (Greek)\n- `en` (English)\n- `en-short` (English - short)\n- `es` (Spanish)\n- `eu` (Basque)\n- `fa` (Persian - Farsi)\n- `fi` (Finnish)\n- `fr` (French)\n- `gl` (Galician)\n- `he` (Hebrew)\n- `hi-IN` (Hindi)\n- `hu` (Hungarian)\n- `id-ID` (Malay)\n- `it` (Italian)\n- `ja` (Japanese)\n- `ka` (Georgian)\n- `ko` (Korean)\n- `ml` (Malayalam)\n- `my` (Burmese - Myanmar)\n- `nb-NO` (Norwegian Bokmål)\n- `nl` (Dutch)\n- `nn-NO` (Norwegian Nynorsk)\n- `pl` (Polish)\n- `pt-BR` (Portuguese)\n- `ro` (Romanian)\n- `ru` (Russian)\n- `sq` (Albanian)\n- `sr` (Serbian)\n- `sv` (Swedish)\n- `ta` (Tamil)\n- `th` (Thai)\n- `tr` (Turkish)\n- `uk` (Ukrainian)\n- `vi` (Vietnamese)\n- `zh-CN` (Chinese)\n- `zh-TW` (Taiwanese)\n\n#### `cutoff`\n\nAdd the `cutoff` attribute to display the date specified in the `datatime` attribute after passing the specified date in seconds.\n\n#### API Example\n\nBy programmatically changing attribute values, you can dynamically change the text or locale:\n\n\n\n```html\n\n\n \n \n \n \n \n \n \n \n \n Saturday 11 April 2017 00.37\n \n

\n \n \n \n

\n\n \n \n\n```\n\n---\n\n## Preact/React Component\n\n### Import via npm\n\n```sh\nnpm install @bentoproject/timeago\n```\n\n```javascript\nimport React from 'react';\nimport {BentoTimeago} from '@bentoproject/timeago/react';\nimport '@bentoproject/timeago/styles.css';\n\nfunction App() {\n return (\n \n );\n}\n```\n\n### Layout and style\n\nThe Bento Date Display Preact/React component allows consumers to render their own templates. These templates may use inline styles, `\n```\n\n### Attributes\n\n#### `datetime`\n\nThe required `datetime` attribute sets the date and time. The value must be an [ISO datetime](https://www.w3.org/QA/Tips/iso-date).\n\n- Express time in UTC (Coordinated Universal Time): `2017-03-10T01:00:00Z`\n- Express in local time with a time zone offset: `2017-03-09T20:00:00-05:00`\n\n#### `locale` (optional)\n\nAdd the `locale` attribute to specify one of the following values to change the locale. The default value is `en`.\n\n- `ar` (Arabic)\n- `be` (Belarusian)\n- `bg` (Bulgarian)\n- `bn-IN` (Bangla)\n- `ca` (Catalan)\n- `cs` (Czech)\n- `da` (Danish)\n- `de` (German)\n- `el` (Greek)\n- `en` (English)\n- `en-short` (English - short)\n- `es` (Spanish)\n- `eu` (Basque)\n- `fa` (Persian - Farsi)\n- `fi` (Finnish)\n- `fr` (French)\n- `gl` (Galician)\n- `he` (Hebrew)\n- `hi-IN` (Hindi)\n- `hu` (Hungarian)\n- `id-ID` (Malay)\n- `it` (Italian)\n- `ja` (Japanese)\n- `ka` (Georgian)\n- `ko` (Korean)\n- `ml` (Malayalam)\n- `my` (Burmese - Myanmar)\n- `nb-NO` (Norwegian Bokmål)\n- `nl` (Dutch)\n- `nn-NO` (Norwegian Nynorsk)\n- `pl` (Polish)\n- `pt-BR` (Portuguese)\n- `ro` (Romanian)\n- `ru` (Russian)\n- `sq` (Albanian)\n- `sr` (Serbian)\n- `sv` (Swedish)\n- `ta` (Tamil)\n- `th` (Thai)\n- `tr` (Turkish)\n- `uk` (Ukrainian)\n- `vi` (Vietnamese)\n- `zh-CN` (Chinese)\n- `zh-TW` (Taiwanese)\n\n#### `cutoff`\n\nAdd the `cutoff` attribute to display the date specified in the `datatime` attribute after passing the specified date in seconds.\n\n#### API Example\n\nBy programmatically changing attribute values, you can dynamically change the text or locale:\n\n\n\n```html\n\n\n \n \n \n \n \n \n \n \n \n Saturday 11 April 2017 00.37\n \n

\n \n \n \n