@castlabs/ui 7.13.0 → 7.14.0

package/dist/castlabs-ui.module.d.ts

@@ -25,6 +25,7 @@ declare module '@castlabs/ui/dist/castlabs-ui.module.js' {
   export function clFormatDate (date: Date): string
   export function clFormatTimeUTC (date: Date): string
   export function clFormatDateTimeUTC (date: Date, seconds?: boolean): string
+  export function clFormatDateTimeTabularUTC (date: Date, year?:boolean, month?:boolean, day?:boolean, time?:boolean, seconds?:boolean): string
   export function clFormatDuration (from: Date, until: Date, seconds?: boolean, ms?: boolean): string
   export function clFormatPeriod (date: Date): string
   export function clFormatNumber (amount: number, decimalPlaces?: number): string

package/dist/castlabs-ui.module.js

@@ -1,4 +1,4 @@
-/* @castlabs/ui v7.13.0 */
+/* @castlabs/ui v7.14.0 */
 
 /*!
   * Bootstrap v5.3.8 (https://getbootstrap.com/)
@@ -174,20 +174,20 @@ function clCookieBannerShow (accept = clCookieBannerAccept, decline = clCookieBa
         >privacy policy</a>.
       </p>
 
-      <div class="cl-spacing-box text-center">
+      <div class="cl-spacing-box cl-spread">
         <button
-          id="cl-button-cookie-accept"
+          id="cl-button-cookie-decline"
           type="button"
-          class="btn btn-sm cl-color-red it-ok"
+          class="btn btn-sm cl-color-night it-cancel"
         >
-          Accept
+          Decline
         </button>
         <button
-          id="cl-button-cookie-decline"
+          id="cl-button-cookie-accept"
           type="button"
-          class="btn btn-sm cl-color-night it-cancel"
+          class="btn btn-sm cl-color-red it-ok"
         >
-          Decline
+          Accept
         </button>
       </div>
     </div>
@@ -1187,6 +1187,45 @@ export function clFormatDateTimeUTC (date, seconds = false) {
   return `${clFormatDate(date)} ${clFormatTimeUTC(date, seconds)}`
 }
 
+/**
+ * Format a date and time into a sortable string.
+ *
+ * @param {Date} date Date to format.
+ * @param {boolean} year If true (default), the output will contain a year.
+ * @param {boolean} month If true (default), the output will contain a year.
+ * @param {boolean} day If true (default), the output will contain a year.
+ * @param {boolean} hour If true (default), the output will contain hour.
+ * @param {boolean} minute If true (default), the output will contain hours and minutes.
+ * @param {boolean} seconds If true (default false), the output will contain seconds.
+ * @return {string} Formatted date, e.g. '2021-08-01 18:21'.
+ */
+export function clFormatDateTimeTabularUTC (
+  date,
+  year = true,
+  month = true,
+  day = true,
+  time = true,
+  seconds = false
+) {
+  const YYYY = new Intl.DateTimeFormat('en', { year: 'numeric' }).format(date)
+  const MM = new Intl.DateTimeFormat('en', { month: '2-digit' }).format(date)
+  const DD = new Intl.DateTimeFormat('en', { day: '2-digit' }).format(date)
+  const [hh, mm, ss] = [
+    ('' + date.getUTCHours()).padStart(2, '0'),
+    ('' + date.getUTCMinutes()).padStart(2, '0'),
+    ('' + date.getUTCSeconds()).padStart(2, '0')
+  ]
+
+  let result = ''
+  if (year) result += ` ${YYYY}`
+  if (month) result += `-${MM}`
+  if (day) result += `-${DD}`
+  if (time) result += ` ${hh}:${mm}`
+  if (seconds) result += `:${ss}`
+
+  return result.trim()
+}
+
 /**
  * Format the duration between two dates. Format can adapt on scale of duraction (years/weeks, milliseconds, ...)
  *