vira 31.25.0 → 31.25.1

package/dist/elements/vira-absolute-time.element.d.ts

@@ -17,6 +17,13 @@ export declare const ViraAbsoluteTime: import("element-vir").DeclarativeElementD
      * time of day would be meaningless noise.
      */
     dateOnly: boolean;
+    /**
+     * Timezone the value is displayed in. Defaults to the user's timezone. Set this for values
+     * that are conceptually anchored to a specific timezone (e.g. a date-only value stored at
+     * midnight UTC), where converting to the user's timezone would shift the displayed
+     * date/time.
+     */
+    timezone: string;
 }>, {}, {}, "vira-absolute-time-", "vira-absolute-time-", readonly [], readonly []>;
 /**
  * Formats a `FullDate` into the same absolute string rendered by {@link ViraAbsoluteTime}.
@@ -25,4 +32,5 @@ export declare const ViraAbsoluteTime: import("element-vir").DeclarativeElementD
  */
 export declare function formatAbsoluteTime(time: Readonly<FullDate>, options?: Readonly<PartialWithUndefined<{
     dateOnly: boolean;
+    timezone: string;
 }>>): string;

package/dist/elements/vira-absolute-time.element.js

@@ -1,4 +1,4 @@
-import { createFullDateInUserTimezone, toFormattedString } from 'date-vir';
+import { createFullDate, createFullDateInUserTimezone, toFormattedString, } from 'date-vir';
 import { css } from 'element-vir';
 import { defineViraElement } from '../util/define-vira-element.js';
 /**
@@ -19,6 +19,7 @@ export const ViraAbsoluteTime = defineViraElement()({
     render({ inputs }) {
         return formatAbsoluteTime(inputs.time, {
             dateOnly: inputs.dateOnly,
+            timezone: inputs.timezone,
         });
     },
 });
@@ -28,5 +29,7 @@ export const ViraAbsoluteTime = defineViraElement()({
  * @category Time
  */
 export function formatAbsoluteTime(time, options) {
-    return toFormattedString(createFullDateInUserTimezone(time), options?.dateOnly ? 'MMM d, yyyy' : 'MMM d, yyyy HH:mm ZZZZ');
+    return toFormattedString(options?.timezone
+        ? createFullDate(time, options.timezone)
+        : createFullDateInUserTimezone(time), options?.dateOnly ? 'MMM d, yyyy' : 'MMM d, yyyy HH:mm ZZZZ');
 }

package/dist/elements/vira-date-input.element.js

@@ -79,6 +79,7 @@ export const ViraDateInput = defineViraElement()({
                       <${ViraAbsoluteTime.assign({
                     time: inputs.value,
                     dateOnly: true,
+                    timezone: inputs.timezone,
                 })}></${ViraAbsoluteTime}>
                   `
                 : html `

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "vira",
-    "version": "31.25.0",
+    "version": "31.25.1",
     "description": "A simple and highly versatile design system using element-vir.",
     "keywords": [
         "design",