{"version":3,"file":"index.js","names":["c","_c","FieldDiffContainer","getHTMLDiffComponents","useConfig","useTranslation","formatDate","React","baseClass","DateDiffComponent","t0","$","comparisonValue","valueFrom","field","locale","nestingLevel","versionValue","valueTo","i18n","config","t1","admin","t2","dateFormat","formattedFromDate","date","Date","pattern","formattedToDate","t3","t4","t5","label","From","To","fromHTML","toHTML","tokenizeByCharacter","_jsx","className"],"sources":["../../../../../../src/views/Version/RenderFieldsToDiff/fields/Date/index.tsx"],"sourcesContent":["'use client'\nimport type { DateFieldDiffClientComponent } from 'payload'\n\nimport {\n FieldDiffContainer,\n getHTMLDiffComponents,\n useConfig,\n useTranslation,\n} from '@payloadcms/ui'\nimport { formatDate } from '@payloadcms/ui/shared'\n\nimport './index.scss'\n\nimport React from 'react'\n\nconst baseClass = 'date-diff'\n\nexport const DateDiffComponent: DateFieldDiffClientComponent = ({\n comparisonValue: valueFrom,\n field,\n locale,\n nestingLevel,\n versionValue: valueTo,\n}) => {\n const { i18n } = useTranslation()\n const {\n config: {\n admin: { dateFormat },\n },\n } = useConfig()\n\n const formattedFromDate = valueFrom\n ? formatDate({\n date: typeof valueFrom === 'string' ? new Date(valueFrom) : (valueFrom as Date),\n i18n,\n pattern: dateFormat,\n })\n : ''\n\n const formattedToDate = valueTo\n ? formatDate({\n date: typeof valueTo === 'string' ? new Date(valueTo) : (valueTo as Date),\n i18n,\n pattern: dateFormat,\n })\n : ''\n\n const { From, To } = getHTMLDiffComponents({\n fromHTML:\n `
` +\n formattedFromDate +\n '
` +\n formattedToDate +\n '