@brightspace-ui/core 3.162.1 → 3.162.3

package/components/inputs/demo/input-time.html

@@ -40,14 +40,14 @@
 				</template>
 			</d2l-demo-snippet>
 
-			<h2>Hidden Timezone</h2>
+			<h2>Hidden Time Zone</h2>
 			<d2l-demo-snippet>
 				<template>
-					<d2l-input-time label="Start Time" timezone-hidden></d2l-input-time>
+					<d2l-input-time label="Start Time" time-zone-hidden></d2l-input-time>
 				</template>
 			</d2l-demo-snippet>
 
-			<h2>Custom Timezone</h2>
+			<h2>Custom Time Zone</h2>
 			<d2l-demo-snippet>
 				<template>
 					<d2l-input-time label="Start Time" time-zone-id="America/Vancouver"></d2l-input-time>

package/components/inputs/docs/input-date-time.md

@@ -292,7 +292,7 @@ A few notable accessibility-related features of these components are:
 * When the date input is opened with the keyboard, focus goes to either selected date, today, or earliest valid date if today is prior to `min-date`
 * Extensive intuitive keyboard interaction support
 
-## Timezone
+## Time Zone
 
 The `input-date-time` and `input-date-time-range` components expect input in UTC (`YYYY-MM-DDTHH:mm:ss.sssZ`). These components will convert values automatically to the user's time zone to display the date/time to them, and then will provide the value back in UTC. No time zone conversions are needed.
 

package/components/inputs/input-date-time-range.js

@@ -151,6 +151,16 @@ class InputDateTimeRange extends InteractiveMixin(FocusMixin(SkeletonMixin(FormE
 			 * @type {string}
 			 */
 			startValue: { attribute: 'start-value', reflect: true, type: String },
+			/**
+			 * Time zone identifier for the time inputs to use.
+			 * @type {string}
+			 */
+			timeZoneId: { type: String },
+			/**
+			 * Hides the time zone inside the time selection dropdowns. Should only be used when the time input values are not related to any one time zone
+			 * @type {Boolean}
+			 */
+			timeZoneHidden: { type: Boolean, attribute: 'time-zone-hidden' },
 			_slotOccupied: { type: Boolean }
 		};
 	}
@@ -251,6 +261,8 @@ class InputDateTimeRange extends InteractiveMixin(FocusMixin(SkeletonMixin(FormE
 							?required="${this.required}"
 							?skeleton="${this.skeleton}"
 							time-default-value="startOfDay"
+							time-zone-id="${ifDefined(this.timeZoneId)}"
+							?time-zone-hidden="${this.timeZoneHidden}"
 							value="${ifDefined(this.startValue)}">
 						</d2l-input-date-time>
 						<slot name="start" @slotchange="${this._onSlotChange}"></slot>
@@ -273,6 +285,8 @@ class InputDateTimeRange extends InteractiveMixin(FocusMixin(SkeletonMixin(FormE
 							?required="${this.required}"
 							?skeleton="${this.skeleton}"
 							time-default-value="endOfDay"
+							time-zone-id="${ifDefined(this.timeZoneId)}"
+							?time-zone-hidden="${this.timeZoneHidden}"
 							value="${ifDefined(this.endValue)}">
 						</d2l-input-date-time>
 						<slot name="end" @slotchange="${this._onSlotChange}"></slot>

package/components/inputs/input-date-time.js

@@ -86,7 +86,7 @@ class InputDateTime extends FocusMixin(LabelledMixin(SkeletonMixin(FormElementMi
 			 */
 			timeDefaultValue: { attribute: 'time-default-value', reflect: true, type: String },
 			/**
-			 * Timezone identifier for the time input to use.
+			 * Time zone identifier for the time input to use.
 			 * @type {string}
 			 */
 			timeZoneId: { type: String },
@@ -254,6 +254,8 @@ class InputDateTime extends FocusMixin(LabelledMixin(SkeletonMixin(FormElementMi
 				max-height="430"
 				?required="${this.required}"
 				?skeleton="${this.skeleton}"
+				time-zone-id="${ifDefined(this.timeZoneId)}"
+				?time-zone-hidden="${this.timeZoneHidden}"
 				.value="${parsedValue}">
 			</d2l-input-time>` : null;
 

package/components/inputs/input-time-range.js

@@ -121,7 +121,7 @@ class InputTimeRange extends FocusMixin(SkeletonMixin(FormElementMixin(LocalizeC
 			 */
 			timeInterval: { attribute: 'time-interval', reflect: true, type: String },
 			/**
-			 * Timezone identifier for the inputs to use.
+			 * Time zone identifier for the inputs to use.
 			 * @type {string}
 			 */
 			timeZoneId: { type: String },
@@ -281,6 +281,8 @@ class InputTimeRange extends FocusMixin(SkeletonMixin(FormElementMixin(LocalizeC
 						?skeleton="${this.skeleton}"
 						slot="right"
 						time-interval="${ifDefined(timeInterval)}"
+						time-zone-id="${ifDefined(this.timeZoneId)}"
+						?time-zone-hidden="${this.timeZoneHidden}"
 						value="${ifDefined(this.endValue)}">
 					</d2l-input-time>
 				</d2l-input-date-time-range-to>

package/components/inputs/input-time.js

@@ -175,7 +175,7 @@ class InputTime extends InputInlineHelpMixin(FocusMixin(LabelledMixin(SkeletonMi
 			 */
 			timeZoneId: { type: String, attribute: 'time-zone-id' },
 			/**
-			 * Hides the time zone inside the selection dropdown. Should only be used when the input value is not related to any one timezone
+			 * Hides the time zone inside the selection dropdown. Should only be used when the input value is not related to any one time zone
 			 * @type {Boolean}
 			 */
 			timeZoneHidden: { type: Boolean, attribute: 'time-zone-hidden' },

package/custom-elements.json

@@ -5881,6 +5881,16 @@
           "description": "Value of the start date-time input",
           "type": "string"
         },
+        {
+          "name": "timeZoneId",
+          "description": "Time zone identifier for the time inputs to use.",
+          "type": "string"
+        },
+        {
+          "name": "time-zone-hidden",
+          "description": "Hides the time zone inside the time selection dropdowns. Should only be used when the time input values are not related to any one time zone",
+          "type": "Boolean"
+        },
         {
           "name": "auto-shift-dates",
           "description": "ADVANCED: Automatically shifts end date when start date changes to keep same range. If start and end date are equal, automatically shifts end time when start time changes.",
@@ -5991,6 +6001,18 @@
           "description": "Value of the start date-time input",
           "type": "string"
         },
+        {
+          "name": "timeZoneId",
+          "attribute": "timeZoneId",
+          "description": "Time zone identifier for the time inputs to use.",
+          "type": "string"
+        },
+        {
+          "name": "timeZoneHidden",
+          "attribute": "time-zone-hidden",
+          "description": "Hides the time zone inside the time selection dropdowns. Should only be used when the time input values are not related to any one time zone",
+          "type": "Boolean"
+        },
         {
           "name": "autoShiftDates",
           "attribute": "auto-shift-dates",
@@ -6095,7 +6117,7 @@
       "attributes": [
         {
           "name": "timeZoneId",
-          "description": "Timezone identifier for the time input to use.",
+          "description": "Time zone identifier for the time input to use.",
           "type": "string"
         },
         {
@@ -6179,7 +6201,7 @@
         {
           "name": "timeZoneId",
           "attribute": "timeZoneId",
-          "description": "Timezone identifier for the time input to use.",
+          "description": "Time zone identifier for the time input to use.",
           "type": "string"
         },
         {
@@ -7937,7 +7959,7 @@
         },
         {
           "name": "timeZoneId",
-          "description": "Timezone identifier for the inputs to use.",
+          "description": "Time zone identifier for the inputs to use.",
           "type": "string"
         },
         {
@@ -8050,7 +8072,7 @@
         {
           "name": "timeZoneId",
           "attribute": "timeZoneId",
-          "description": "Timezone identifier for the inputs to use.",
+          "description": "Time zone identifier for the inputs to use.",
           "type": "string"
         },
         {
@@ -8225,7 +8247,7 @@
         },
         {
           "name": "time-zone-hidden",
-          "description": "Hides the time zone inside the selection dropdown. Should only be used when the input value is not related to any one timezone",
+          "description": "Hides the time zone inside the selection dropdown. Should only be used when the input value is not related to any one time zone",
           "type": "Boolean",
           "default": "false"
         },
@@ -8320,7 +8342,7 @@
         {
           "name": "timeZoneHidden",
           "attribute": "time-zone-hidden",
-          "description": "Hides the time zone inside the selection dropdown. Should only be used when the input value is not related to any one timezone",
+          "description": "Hides the time zone inside the selection dropdown. Should only be used when the input value is not related to any one time zone",
           "type": "Boolean",
           "default": "false"
         },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brightspace-ui/core",
-  "version": "3.162.1",
+  "version": "3.162.3",
   "description": "A collection of accessible, free, open-source web components for building Brightspace applications",
   "type": "module",
   "repository": "https://github.com/BrightspaceUI/core.git",