Skip to content
Mizen UI
Docs

IntroductionInstallationCLIStylingFoundationsThemingCompositionIntegrationsAccessibilityFor agents

useCopyToClipboard

AccordionAspect RatioCardCollapsibleFrameGridGroupInlineScroll AreaSectionSeparatorSpacerStack

BlockquoteCitationCodeHeadingKbdLabelLinkTextVisually Hidden

ButtonButton GroupToggleToggle groupToolbar

CalendarCheckboxCheckbox groupComboboxDate pickerDate range pickerDate-Time InputFieldFieldsetFile UploadFormInputInput groupNumber fieldOTP FieldRadio groupSelectSliderSwitchTextareaTime Input

BreadcrumbMenubarNavigation MenuPaginationSegmented ControlStepperTabs

Alert dialogCommandContext MenuDialogDrawerMenuPopoverPreview CardSheetTooltip

AlertBadgeEmptyError StateMeterProgressSkeletonSpinnerStatus dotToast

Activity FeedAvatarAvatar GroupData TableListMetricOverflow ListProperty ListTableTokenTree

Area ChartBar ListCalendar HeatmapCategory ComparisonChart FrameChart LegendChart TooltipDistributionFunnelHeatmapMetric TrendPart-to-WholeProgress RingsRadar ChartRadial BarsSankey ChartScatter ChartScore GaugeTime Series

Diagram

AttachmentCarouselCode BlockLightboxMarkdownThumbnailTimestamp

Agent ThinkingApproval CardComposerConversationInline CitationMessageMessage ScrollerQuestion CardSourcesStreaming TextSuggestionTask ListTerminalTool Call

On this page

  • Preview
  • Usage
  • Examples
  • Document history
  • Recommendations
  • Usage boundaries
  • API reference

Content

Timestamp

Formats a timezone-bearing instant while preserving native time semantics.

idle

Usage

import { Timestamp } from "@mizen-labs/ui";

Examples

Document history

Recommendations

GuidancePractice
Do

Provide a timezone-bearing instant and choose locale and timezone explicitly for consistent output.

Usage boundaries

GuidanceBoundary
Scope

Use date inputs for editable local values. A timestamp represents an instant, not an unresolved local appointment.

API reference

Public props from @mizen-labs/ui. Use exported prop types for the complete TypeScript contract.

PropTypeDefaultDescription
Timestamp.dateTimeISO instant with Z or explicit offsetRequiredSupplies a valid calendar date and time with a timezone.
Timestamp.format"date" | "date-time""date-time"Formats the visible date, optionally with time and timezone.
Timestamp.locale / Timestamp.timeZoneIntl locale and IANA timezone"en-US" / "UTC"Controls deterministic localized display; the machine-readable instant stays unchanged.
PreviousThumbnailNextAgent Thinking
2 hours ago, Oct 10, 2026, 9:30 AM UTC

Published

Oct 7, 2026

Updated

Oct 7, 2026, 9:00 AM UTC