51:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 52:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 53:Td1b,import { formatHijri, toArabicDigits } from '@dualkit/format' import type { ReactNode } from 'react' import { cx } from './direction' import { Icon } from './icons' export type DateDisplayProps = { date: Date locale?: 'en' | 'ar' /** Which calendar leads. The other sits underneath. */ calendar?: 'gregorian' | 'hijri' /** Gulf Standard Time by default, so the day never shifts with the visitor's clock. */ timeZone?: string label?: ReactNode zone?: ReactNode className?: string } // Names are written out, so every browser prints the same words whatever locale data it ships. const WEEKDAYS = { en: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'], ar: ['الأحد', 'الاثنين', 'الثلاثاء', 'الأربعاء', 'الخميس', 'الجمعة', 'السبت'], } const MONTHS = { en: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'], ar: ['يناير', 'فبراير', 'مارس', 'أبريل', 'مايو', 'يونيو', 'يوليو', 'أغسطس', 'سبتمبر', 'أكتوبر', 'نوفمبر', 'ديسمبر'], } /** Year, month and day as the clock reads in that time zone. en-US is used only for its digits, which every Intl build has. */ function partsIn(date: Date, timeZone: string) { const parts = new Intl.DateTimeFormat('en-US', { timeZone, year: 'numeric', month: 'numeric', day: 'numeric' }).formatToParts(date) const get = (type: string) => Number(parts.find((p) => p.type === type)?.value) const year = get('year'), month = get('month'), day = get('day') return { year, month, day, weekday: new Date(Date.UTC(year, month - 1, day)).getUTCDay() } } export function formatGregorian(date: Date, locale: 'en' | 'ar', timeZone: string) { const { year, month, day, weekday } = partsIn(date, timeZone) if (locale === 'en') return `${WEEKDAYS.en[weekday]}, ${day} ${MONTHS.en[month - 1]} ${year}` return `${WEEKDAYS.ar[weekday]}، ${toArabicDigits(day)} ${MONTHS.ar[month - 1]} ${toArabicDigits(year)}` } const iso = (date: Date, timeZone: string) => { const { year, month, day } = partsIn(date, timeZone) return `${year}-${String(month).padStart(2, '0')}-${String(day).padStart(2, '0')}` } /** Gregorian and Umm al-Qura Hijri together, each isolated so neither reorders the other. */ export function DateDisplay({ date, locale = 'en', calendar = 'gregorian', timeZone = 'Asia/Dubai', label, zone, className }: DateDisplayProps) { if (Number.isNaN(date.getTime())) throw new RangeError('DateDisplay needs a valid date') const gregorian = formatGregorian(date, locale, timeZone) const hijri = formatHijri(date, { locale, numerals: locale === 'ar' ? 'arab' : 'latn', timeZone }) const [first, second] = calendar === 'hijri' ? [hijri, gregorian] : [gregorian, hijri] return (

{label != null && {label}} {first} {second} {zone != null && {zone}}

) } 50:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","@dualkit/format",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40dualkit%2Fformat","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@dualkit/format"}]]}]}]]}],["$","$L51",null,{"namespace":"@dualkit","registryDependencies":["https://dualkit.dev/r/base.json"]}]]}],null]}],["$","$L52",null,{"files":[{"path":"components/DateDisplay.tsx","content":"$53","type":"registry:ui","target":"components/dualkit/DateDisplay.tsx"}],"className":"h-[70svh] min-h-80"}]]}]