DateTimeText

Kurulum

Paket

@bigbang/ui

İçe aktarma

import { DateTimeText } from '@bigbang/ui';

Kaynak

DateTimeText.tsx

Storybook

DateTimeText · Playground

DateTimeText, @bigbang/ui paketindedir.

import { DateTimeText } from '@bigbang/ui';

<DateTimeText value="2026-10-08T14:30:00" />;
<DateTimeText value={updatedAt} format="relative" />;

Göreli birimi hesaplayan relativeParts(date, now) de dışa aktarılır.

Özellikler

valueZorunlu

Açıklama

ISO 8601 tarih ('2026-10-08') ya da tarih-saat, bir Date ya da epoch milisaniyesi.

Tür

string | number | Date

format

Açıklama

auto düz tarihi tarih, diğerlerini tarih ve saat olarak yazar; relative '2 saat önce' yazar.

Tür

'auto' | 'date' | 'datetime' | 'time' | 'relative'

Varsayılan

'auto'

dateStyle

Açıklama

Tarihin uzunluğu: short (08.10.2026), medium (8 Eki 2026), long (8 Ekim 2026) ya da full.

Tür

'short' | 'medium' | 'long' | 'full'

Varsayılan

'medium'

timeStyle

Açıklama

medium saniyeyi ekler.

Tür

'short' | 'medium'

Varsayılan

'short'

timeZone

Açıklama

Saatin yazılacağı IANA saat dilimi, örneğin 'Europe/Istanbul'. Verilmezse tarayıcınınki.

Tür

string

now

Açıklama

Göreli değerlerin sayıldığı zaman. Verilmezse şimdiki zaman, 30 saniyede bir tazelenir.

Tür

Date

className

Açıklama

Kök öğeye eklenir; yalnızca yerleşim için kullanın.

Tür

string

Veri öznitelikleri

• data-component="date-time-text".