formatDate() — ui Function Reference

Architecture documentation for the formatDate() function in date-picker-natural-language.tsx from the ui codebase.

Function tsx DocumentationAtlas SearchAPI called by 1

Entity Profile

DocumentationAtlas→ SearchAPI→ formatDate() — ui Function Reference

Dependency Diagram

graph TD
  b432f9bf_1256_15b7_bb58_a22682205052["formatDate()"]
  06e1b054_abbc_9a3c_3fc7_cd3e1a2052e8["date-picker-natural-language.tsx"]
  b432f9bf_1256_15b7_bb58_a22682205052 -->|defined in| 06e1b054_abbc_9a3c_3fc7_cd3e1a2052e8
  8b81ae4d_b30d_b16c_7bb5_2b57992797dd["DatePickerNaturalLanguage()"]
  8b81ae4d_b30d_b16c_7bb5_2b57992797dd -->|calls| b432f9bf_1256_15b7_bb58_a22682205052
  style b432f9bf_1256_15b7_bb58_a22682205052 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/base/date-picker-natural-language.tsx lines 20–30

function formatDate(date: Date | undefined) {
  if (!date) {
    return ""
  }

  return date.toLocaleDateString("en-US", {
    day: "2-digit",
    month: "long",
    year: "numeric",
  })
}