playbook_ui 13.0.0.pre.alpha.salesbookmismatchingdate1120 → 13.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: a5e814815e52260f723ffe7d60a15296ebe7c522dbaf99e1635aa32d72c30264
-  data.tar.gz: 91ddc7e14810c34ecb755a4036e059d771ac84532b73d050a5ddb8fb9b02d659
+  metadata.gz: 68b8019423c98f0b17cb991be96ff5eaf31f5ec127a81e1079f1d30d89bf2f8a
+  data.tar.gz: 266d1ba7ec9735ab40b632b590b448742429e780ef5635f92bd9e74b0e0fc6df
 SHA512:
-  metadata.gz: 40f47045dd3d5db61e4b75d1015cbb10229bf6a22a44af748a77db1084ae9f610699b882cd15d32cc969eb401ea6f89f83803cbc6a449cb4a46a2bda8d44d3e1
-  data.tar.gz: 79237b4941b973520b016f302f8170f91893855a748da55c9b3c5e21ce42eea6331b41201ae31cb196de215dbffc51c35231d086afe3c2c879ec4fbb541e9899
+  metadata.gz: b2a9a36c332c8f6cf8ced66861d01e6bccaf17d6ace709c3c1e3a180f89a145d8d4d98beecf8ba52cbdde6d41129238df73b0c364e9997ae4f225587a6d85c11
+  data.tar.gz: 4f42ad5ca624705aa6139ebf6b698ede8350fe94dd30fafbce662a433c6a898fd16ee47d22710ca648999c4bbd4ef9457458acc44c9c35f0d22823e84276d2bd

data/app/pb_kits/playbook/pb_kit/dateTime.ts

@@ -17,97 +17,92 @@ const formatDate = (newDate: Date | string) => {
 
 export const toMinute = (newDate: Date | string, timeZone?: string): string => {
   const date = formatDate(newDate)
-
   if (timeZone) {
-    return date.toLocaleTimeString("en-US", { timeZone, hour: "2-digit", minute: "2-digit" }).slice(3, 5);
+    return date.toLocaleTimeString(undefined, { timeZone, hour: "2-digit", minute: "2-digit" }).slice(3, 5);
   } else {
-    return date.toLocaleTimeString("en-US", { hour: "2-digit", minute: "2-digit" }).slice(3, 5);
+    return date.toLocaleTimeString(undefined, { hour: "2-digit", minute: "2-digit" }).slice(3, 5);
   }
 }
 
 export const toHour = (newDate: Date | string, timeZone?: string): string => {
   const date = formatDate(newDate)
-
   if (timeZone) {
-    return date.toLocaleTimeString("en-US", { timeZone, hour: "numeric" }).split(' ')[0];
+    return date.toLocaleTimeString(undefined, { timeZone, hour: "numeric" }).split(' ')[0];
   } else {
-    return date.toLocaleTimeString("en-US", { hour: "numeric" }).split(' ')[0];
+    return date.toLocaleTimeString(undefined, { hour: "numeric" }).split(' ')[0];
   }
 }
 
 export const toDay = (newDate: Date | string, timeZone?: string): number => {
-  if (timeZone) {
-    const date = new Date(formatDate(newDate).toLocaleString("en-US", { timeZone }));
-    return date.getDate()
-  } else {
-    const date = formatDate(newDate)
-    return date.getDate()
-  }
+    if (timeZone) {
+      const date = new Date(formatDate(newDate).toLocaleString(undefined, { timeZone }));
+      return date.getDate()
+    } else {
+      const date = formatDate(newDate)
+      return date.getDate()
+    }
 }
 
 export const toDayAbbr = (newDate: Date | string): string => {
   const date = formatDate(newDate)
-  return ABBR_DAYS[date.getDay()]
+  return ABBR_DAYS[date.getUTCDay()]
 }
 
 export const toWeekday = (newDate: Date | string): string => {
-  const date = formatDate(newDate)
-  return days[date.getDay()]
+    const date = formatDate(newDate)
+    return days[date.getUTCDay()]
 }
 
 export const toMonth = (newDate: Date | string, timeZone?: string): string => {
-  if (timeZone) {
-    const date = new Date(formatDate(newDate).toLocaleString("en-US", { timeZone }));
-    return months[date.getMonth()]
-  } else {
-    const date = formatDate(newDate)
-    return months[date.getMonth()]
-  }
+    if (timeZone) {
+      const date = new Date(formatDate(newDate).toLocaleString(undefined, { timeZone }));
+      return months[date.getUTCMonth()]
+    } else {
+      const date = formatDate(newDate)
+      return months[date.getUTCMonth()]
+    }
 }
 
 export const toMonthNum = (newDate: Date | string): number => {
   const date = formatDate(newDate)
-  return date.getMonth() + 1
+  return date.getUTCMonth() +1
 }
 
 export const toYear = (newDate: Date | string, timeZone?: string): number => {
-  if (timeZone) {
-    const date = new Date(formatDate(newDate).toLocaleString("en-US", { timeZone }));
-    return date.getFullYear()
-  } else {
-    const date = formatDate(newDate)
-    return date.getFullYear()
-  }
+    if (timeZone) {
+      const date = new Date(newDate.toLocaleString(undefined, { timeZone }));
+      return date.getUTCFullYear()
+    } else {
+      const date = new Date(newDate)
+      return date.getUTCFullYear()
+    }
 }
 
 export const toTime = (newDate: Date | string, timeZone?: string): string => {
   const date = formatDate(newDate)
-
   if (timeZone) {
-    return date.toLocaleTimeString("en-US", { timeZone, timeStyle: "short" }).split(' ')[0];
+    return date.toLocaleTimeString(undefined, { timeZone, timeStyle: "short" }).split(' ')[0];
   } else {
-    return date.toLocaleTimeString("en-US", { timeStyle: "short" }).split(' ')[0];
+    return date.toLocaleTimeString(undefined, { timeStyle: "short" }).split(' ')[0];
   }
 }
 
 export const toMeridiem = (newDate: Date | string, timeZone?: string): string => {
-  const date = formatDate(newDate)
-
-  if (timeZone) {
-    return date.toLocaleString("en-US", { timeZone, hour12: true }).slice(-2).charAt(0).toLocaleLowerCase();
-  } else {
-    return date.toLocaleString("en-US", { hour12: true }).slice(-2).charAt(0).toLocaleLowerCase();
-  }
+    const date = formatDate(newDate)
+    if (timeZone) {
+      return date.toLocaleString(undefined, { timeZone, hour12: true }).slice(-2).charAt(0).toLocaleLowerCase();
+    } else {
+      return date.toLocaleString(undefined, { hour12: true }).slice(-2).charAt(0).toLocaleLowerCase();
+    }
 }
 
 export const toTimeZone = (newDate: Date | string, timeZone?: string): string => {
-  const date = formatDate(newDate)
-
-  if (timeZone) {
-    return date.toLocaleString("en-US", { timeZone, timeZoneName: "short" }).split(' ')[3];
-  } else {
-    return date.toLocaleString("en-US", { timeZoneName: "short" }).split(' ')[3];
-  }
+    const date = formatDate(newDate)
+    if (timeZone) {
+      return date.toLocaleString(undefined, { timeZone, timeZoneName: "short" }).split(' ')[3];
+    } else {
+      return date.toLocaleString(undefined, { timeZoneName: "short" }).split(' ')[3];
+    }
 }
 
 export const toTimeWithMeridiem = (newDate: Date | string, timeZone: string): string => {
@@ -116,17 +111,15 @@ export const toTimeWithMeridiem = (newDate: Date | string, timeZone: string): st
 }
 
 export const toIso = (newDate: Date | string): string => {
-  const date = formatDate(newDate)
-  return date.toISOString()
+    const date = formatDate(newDate)
+    return date.toISOString()
 }
 
 export const fromNow = (newDate: Date | string): string => {
   const startDate = formatDate(newDate).getTime()
   const endDate = new Date().getTime()
   const elapsedTime = endDate - startDate
-  let elapsedTimeString = `${Math.round(elapsedTime / (365.25 * 24 * 60 * 60 * 1000))} years ago`; // 730+ days
-
-  const MILLISECONDS_IN_A_MONTH = 30.44 * 24 * 60 * 60 * 1000
+  let elapsedTimeString = `${Math.round(elapsedTime / (365.25 * 24 * 60 * 60 * 1000))} years ago.`; // 730+ days
 
   const elapsedTimeData = [
     { min: 0, max: 44999, value: "a few seconds ago" }, // 0-44 seconds
@@ -137,7 +130,7 @@ export const fromNow = (newDate: Date | string): string => {
     { min: 75700000, max: 172899999, value: "a day ago" }, // 22-48 hours
     { min: 172900000, max: 2169999999, value: `${Math.round(elapsedTime / 86400000)} days ago`}, // 2-25 days
     { min: 2170000000, max: 5184999999, value: "a month ago"}, // 26-60 days
-    { min: 5185000000, max: 27561699999, value: `${Math.round(elapsedTime / MILLISECONDS_IN_A_MONTH)} months ago`}, // 60-319 days
+    { min: 5185000000, max: 27561699999, value: `${Math.round(elapsedTime / 30.44 * 24 * 60 * 60 * 1000)} months ago`}, // 60-319 days
     { min: 27561700000, max: 63072999999, value: "a year ago"}, // 320-730 days
   ];
 
@@ -156,7 +149,7 @@ export const toCustomFormat = (newDate: Date | string, format = 'month_day'): st
   if (format == "month_day") {
     return `${toMonthNum(date)}/${toDay(date)}`
   } else {
-    return `${date.toLocaleString("en-US", { month: "short" })} ${toDay(date)}`
+    return `${date.toLocaleString(undefined, { month: "short" })} ${toDay(date)}`
   }
 }
 

data/app/pb_kits/playbook/pb_time/_time.tsx

@@ -68,7 +68,7 @@ const Time = (props: TimeProps) => {
             )
       )}
 
-      <time dateTime={date.toLocaleString()}>
+      <time dateTime={date.toString()}>
         <span>
           {unstyled
             ? (