@instructure/ui-date-time-input 11.7.8 → 11.7.9-snapshot-1

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [11.7.9-snapshot-1](https://github.com/instructure/instructure-ui/compare/v11.7.8...v11.7.9-snapshot-1) (2026-10-06)
+
+**Note:** Version bump only for package @instructure/ui-date-time-input
+
+
+
+
+
 ## [11.7.8](https://github.com/instructure/instructure-ui/compare/v11.7.7...v11.7.8) (2026-10-02)
 
 **Note:** Version bump only for package @instructure/ui-date-time-input

package/lib/DateTimeInput/v1/index.js

@@ -5,17 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.DateTimeInput = void 0;
 var _react = require("react");
-var _Locale = require("@instructure/ui-i18n/lib/Locale.js");
-var _DateTime = require("@instructure/ui-i18n/lib/DateTime.js");
-var _ApplyLocaleContext = require("@instructure/ui-i18n/lib/ApplyLocale/ApplyLocaleContext.js");
+var _uiI18n = require("@instructure/ui-i18n");
 var _v11_ = require("@instructure/ui-form-field/v11_6");
 var _v11_2 = require("@instructure/ui-date-input/v11_6");
 var _v11_3 = require("@instructure/ui-time-select/v11_6");
 var _v11_4 = require("@instructure/ui-calendar/v11_6");
-var _AccessibleContent = require("@instructure/ui-a11y-content/lib/AccessibleContent");
+var _uiA11yContent = require("@instructure/ui-a11y-content");
 var _v11_5 = require("@instructure/ui-buttons/v11_6");
-var _IconArrowOpenEndSolid = require("@instructure/ui-icons/lib/generated/IconArrowOpenEndSolid.js");
-var _IconArrowOpenStartSolid = require("@instructure/ui-icons/lib/generated/IconArrowOpenStartSolid.js");
+var _uiIcons = require("@instructure/ui-icons");
 var _props = require("./props.js");
 var _console = require("@instructure/console");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
@@ -64,7 +61,7 @@ category: components
     // Localized date with full month, e.g. "August 6, 2014"
     allowNonStepInput: false
   };
-  static contextType = _ApplyLocaleContext.ApplyLocaleContext;
+  static contextType = _uiI18n.ApplyLocaleContext;
   ref = null; // This is used by Tooltip for positioning
 
   handleRef = el => {
@@ -97,11 +94,11 @@ category: components
   recalculateState(dateStr, doNotChangeDate = false, doNotChangeTime = false) {
     let errorMsg;
     if (dateStr) {
-      const parsed = _DateTime.DateTime.parse(dateStr, this.locale(), this.timezone());
+      const parsed = _uiI18n.DateTime.parse(dateStr, this.locale(), this.timezone());
       if (parsed.isValid()) {
         if (doNotChangeTime && this.state.timeSelectValue) {
           // There is a selected time, adjust the parsed date to its value
-          const timeParsed = _DateTime.DateTime.parse(this.state.timeSelectValue, this.locale(), this.timezone());
+          const timeParsed = _uiI18n.DateTime.parse(this.state.timeSelectValue, this.locale(), this.timezone());
           parsed.hour(timeParsed.hour()).minute(timeParsed.minute());
         }
         if (doNotChangeDate && this.state.iso) {
@@ -161,7 +158,7 @@ category: components
       iso: undefined,
       calendarSelectedDate: undefined,
       dateInputText: dateStr ? dateStr : '',
-      renderedDate: _DateTime.DateTime.now(this.locale(), this.timezone()),
+      renderedDate: _uiI18n.DateTime.now(this.locale(), this.timezone()),
       dateInputTextChanged: false,
       ...clearTimeSelect
     };
@@ -173,7 +170,7 @@ category: components
     } else if (this.context && this.context.locale) {
       return this.context.locale;
     }
-    return _Locale.Locale.browserLocale();
+    return _uiI18n.Locale.browserLocale();
   }
   timezone() {
     if (this.props.timezone) {
@@ -181,7 +178,7 @@ category: components
     } else if (this.context && this.context.timezone) {
       return this.context.timezone;
     }
-    return _DateTime.DateTime.browserTimeZone();
+    return _uiI18n.DateTime.browserTimeZone();
   }
   get dateFormat() {
     return this.props.dateFormat;
@@ -209,11 +206,11 @@ category: components
       dateInputText: date.value,
       dateInputTextChanged: true,
       calendarSelectedDate: dateParsed ? dateParsed : undefined,
-      renderedDate: dateParsed ? dateParsed.clone() : _DateTime.DateTime.now(this.locale(), this.timezone())
+      renderedDate: dateParsed ? dateParsed.clone() : _uiI18n.DateTime.now(this.locale(), this.timezone())
     });
   };
   tryParseDate(val) {
-    const parsed = _DateTime.DateTime.parse(val, this.locale(), this.timezone());
+    const parsed = _uiI18n.DateTime.parse(val, this.locale(), this.timezone());
     return parsed.isValid() ? parsed : null;
   }
 
@@ -221,7 +218,7 @@ category: components
   handleDayClick = (event, {
     date
   }) => {
-    const dateParsed = _DateTime.DateTime.parse(date, this.locale(), this.timezone());
+    const dateParsed = _uiI18n.DateTime.parse(date, this.locale(), this.timezone());
     this.updateStateBasedOnDateInput(dateParsed, event);
   };
   handleHideCalendar = event => {
@@ -249,7 +246,7 @@ category: components
     let newState;
     if (dateParsed && this.state.timeSelectValue && (!this.state.dateInputText || this.state.dateInputText == '')) {
       // There is already a selected time, but no date. Adjust the time too
-      const timeParsed = _DateTime.DateTime.parse(this.state.timeSelectValue, this.locale(), this.timezone());
+      const timeParsed = _uiI18n.DateTime.parse(this.state.timeSelectValue, this.locale(), this.timezone());
       const dateParsedAdjusted = dateParsed.set({
         hour: timeParsed.hour(),
         minute: timeParsed.minute()
@@ -324,7 +321,7 @@ category: components
     } else if (this.state.iso) {
       toAlter = this.state.iso.clone();
     } else {
-      toAlter = _DateTime.DateTime.now(this.locale(), this.timezone());
+      toAlter = _uiI18n.DateTime.now(this.locale(), this.timezone());
     }
     toAlter.add({
       days: 1
@@ -341,7 +338,7 @@ category: components
     } else if (this.state.iso) {
       toAlter = this.state.iso.clone();
     } else {
-      toAlter = _DateTime.DateTime.now(this.locale(), this.timezone());
+      toAlter = _uiI18n.DateTime.now(this.locale(), this.timezone());
     }
     toAlter.subtract({
       days: 1
@@ -373,7 +370,7 @@ category: components
     // Sets it to the first local day of the week counting back from the start of the month.
     // Note that first day depends on the locale, e.g. it's Sunday in the US and
     // Monday in most of the EU.
-    const currDate = _DateTime.DateTime.getFirstDayOfWeek(renderedDate.startOf('month'));
+    const currDate = _uiI18n.DateTime.getFirstDayOfWeek(renderedDate.startOf('month'));
     const arr = [];
     for (let i = 0; i < _v11_4.Calendar.DAY_COUNT; i++) {
       // This workaround is needed because moment's `.add({days: 1})` function has a bug that happens when the date added lands perfectly onto the DST cutoff,
@@ -400,7 +397,7 @@ category: components
       return (0, _jsxRuntime.jsx)(_v11_2.DateInput.Day, {
         date: dateStr,
         isSelected: this.state.calendarSelectedDate ? date.isSame(this.state.calendarSelectedDate, 'day') : false,
-        isToday: date.isSame(_DateTime.DateTime.now(this.locale(), this.timezone()), 'day'),
+        isToday: date.isSame(_uiI18n.DateTime.now(this.locale(), this.timezone()), 'day'),
         isOutsideMonth: !date.isSame(renderedDate, 'month'),
         label: date.format('D MMMM YYYY') // used by screen readers
         ,
@@ -418,27 +415,27 @@ category: components
       // this is an expensive function, only execute if the calendar is open
       return [];
     }
-    const shortDayNames = _DateTime.DateTime.getLocalDayNamesOfTheWeek(this.locale(), 'short');
-    const longDayNames = _DateTime.DateTime.getLocalDayNamesOfTheWeek(this.locale(), 'long');
-    return [(0, _jsxRuntime.jsx)(_AccessibleContent.AccessibleContent, {
+    const shortDayNames = _uiI18n.DateTime.getLocalDayNamesOfTheWeek(this.locale(), 'short');
+    const longDayNames = _uiI18n.DateTime.getLocalDayNamesOfTheWeek(this.locale(), 'long');
+    return [(0, _jsxRuntime.jsx)(_uiA11yContent.AccessibleContent, {
       alt: longDayNames[0],
       children: shortDayNames[0]
-    }, 1), (0, _jsxRuntime.jsx)(_AccessibleContent.AccessibleContent, {
+    }, 1), (0, _jsxRuntime.jsx)(_uiA11yContent.AccessibleContent, {
       alt: longDayNames[1],
       children: shortDayNames[1]
-    }, 2), (0, _jsxRuntime.jsx)(_AccessibleContent.AccessibleContent, {
+    }, 2), (0, _jsxRuntime.jsx)(_uiA11yContent.AccessibleContent, {
       alt: longDayNames[2],
       children: shortDayNames[2]
-    }, 3), (0, _jsxRuntime.jsx)(_AccessibleContent.AccessibleContent, {
+    }, 3), (0, _jsxRuntime.jsx)(_uiA11yContent.AccessibleContent, {
       alt: longDayNames[3],
       children: shortDayNames[3]
-    }, 4), (0, _jsxRuntime.jsx)(_AccessibleContent.AccessibleContent, {
+    }, 4), (0, _jsxRuntime.jsx)(_uiA11yContent.AccessibleContent, {
       alt: longDayNames[4],
       children: shortDayNames[4]
-    }, 5), (0, _jsxRuntime.jsx)(_AccessibleContent.AccessibleContent, {
+    }, 5), (0, _jsxRuntime.jsx)(_uiA11yContent.AccessibleContent, {
       alt: longDayNames[5],
       children: shortDayNames[5]
-    }, 6), (0, _jsxRuntime.jsx)(_AccessibleContent.AccessibleContent, {
+    }, 6), (0, _jsxRuntime.jsx)(_uiA11yContent.AccessibleContent, {
       alt: longDayNames[6],
       children: shortDayNames[6]
     }, 7)];
@@ -451,9 +448,9 @@ category: components
       size: "small",
       withBackground: false,
       withBorder: false,
-      renderIcon: type === 'prev' ? (0, _jsxRuntime.jsx)(_IconArrowOpenStartSolid.IconArrowOpenStartSolid, {
+      renderIcon: type === 'prev' ? (0, _jsxRuntime.jsx)(_uiIcons.IconArrowOpenStartSolid, {
         color: "primary"
-      }) : (0, _jsxRuntime.jsx)(_IconArrowOpenEndSolid.IconArrowOpenEndSolid, {
+      }) : (0, _jsxRuntime.jsx)(_uiIcons.IconArrowOpenEndSolid, {
         color: "primary"
       }),
       screenReaderLabel: type === 'prev' ? this.props.prevMonthLabel : this.props.nextMonthLabel

package/lib/DateTimeInput/v2/index.js

@@ -5,9 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.DateTimeInput = void 0;
 var _react = require("react");
-var _Locale = require("@instructure/ui-i18n/lib/Locale.js");
-var _DateTime = require("@instructure/ui-i18n/lib/DateTime.js");
-var _ApplyLocaleContext = require("@instructure/ui-i18n/lib/ApplyLocale/ApplyLocaleContext.js");
+var _uiI18n = require("@instructure/ui-i18n");
 var _latest = require("@instructure/ui-form-field/latest");
 var _latest2 = require("@instructure/ui-date-input/latest");
 var _latest3 = require("@instructure/ui-time-select/latest");
@@ -57,7 +55,7 @@ category: components
     isRequired: false,
     allowNonStepInput: false
   };
-  static contextType = _ApplyLocaleContext.ApplyLocaleContext;
+  static contextType = _uiI18n.ApplyLocaleContext;
   ref = null; // This is used by Tooltip for positioning
 
   handleRef = el => {
@@ -90,11 +88,11 @@ category: components
   recalculateState(dateStr, doNotChangeDate = false, doNotChangeTime = false) {
     let errorMsg;
     if (dateStr) {
-      const parsed = _DateTime.DateTime.parse(dateStr, this.locale(), this.timezone());
+      const parsed = _uiI18n.DateTime.parse(dateStr, this.locale(), this.timezone());
       if (parsed.isValid()) {
         if (doNotChangeTime && this.state.timeSelectValue) {
           // There is a selected time, adjust the parsed date to its value
-          const timeParsed = _DateTime.DateTime.parse(this.state.timeSelectValue, this.locale(), this.timezone());
+          const timeParsed = _uiI18n.DateTime.parse(this.state.timeSelectValue, this.locale(), this.timezone());
           parsed.hour(timeParsed.hour()).minute(timeParsed.minute());
         }
         if (doNotChangeDate && this.state.iso) {
@@ -157,7 +155,7 @@ category: components
     } else if (this.context && this.context.locale) {
       return this.context.locale;
     }
-    return _Locale.Locale.browserLocale();
+    return _uiI18n.Locale.browserLocale();
   }
   timezone() {
     if (this.props.timezone) {
@@ -165,7 +163,7 @@ category: components
     } else if (this.context && this.context.timezone) {
       return this.context.timezone;
     }
-    return _DateTime.DateTime.browserTimeZone();
+    return _uiI18n.DateTime.browserTimeZone();
   }
   formatDateInput(date) {
     const {
@@ -203,8 +201,8 @@ category: components
   handleDateValidated = (event, _inputValue, utcDateString) => {
     let newState;
     if (utcDateString && this.state.timeSelectValue && (!this.state.dateInputText || this.state.dateInputText === '')) {
-      const timeParsed = _DateTime.DateTime.parse(this.state.timeSelectValue, this.locale(), this.timezone());
-      const dateParsed = _DateTime.DateTime.parse(utcDateString, this.locale(), this.timezone());
+      const timeParsed = _uiI18n.DateTime.parse(this.state.timeSelectValue, this.locale(), this.timezone());
+      const dateParsed = _uiI18n.DateTime.parse(utcDateString, this.locale(), this.timezone());
       const dateParsedAdjusted = dateParsed.set({
         hour: timeParsed.hour(),
         minute: timeParsed.minute()

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-date-time-input",
-  "version": "11.7.8",
+  "version": "11.7.9-snapshot-1",
   "description": "A UI component that allows to select date and time.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -15,22 +15,22 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.29.7",
-    "@instructure/console": "11.7.8",
-    "@instructure/shared-types": "11.7.8",
-    "@instructure/ui-a11y-content": "11.7.8",
-    "@instructure/ui-calendar": "11.7.8",
-    "@instructure/ui-buttons": "11.7.8",
-    "@instructure/ui-date-input": "11.7.8",
-    "@instructure/ui-form-field": "11.7.8",
-    "@instructure/ui-i18n": "11.7.8",
-    "@instructure/ui-icons": "11.7.8",
-    "@instructure/ui-time-select": "11.7.8",
-    "@instructure/ui-react-utils": "11.7.8",
-    "@instructure/ui-utils": "11.7.8"
+    "@instructure/console": "11.7.9-snapshot-1",
+    "@instructure/shared-types": "11.7.9-snapshot-1",
+    "@instructure/ui-a11y-content": "11.7.9-snapshot-1",
+    "@instructure/ui-calendar": "11.7.9-snapshot-1",
+    "@instructure/ui-buttons": "11.7.9-snapshot-1",
+    "@instructure/ui-form-field": "11.7.9-snapshot-1",
+    "@instructure/ui-i18n": "11.7.9-snapshot-1",
+    "@instructure/ui-date-input": "11.7.9-snapshot-1",
+    "@instructure/ui-icons": "11.7.9-snapshot-1",
+    "@instructure/ui-time-select": "11.7.9-snapshot-1",
+    "@instructure/ui-react-utils": "11.7.9-snapshot-1",
+    "@instructure/ui-utils": "11.7.9-snapshot-1"
   },
   "devDependencies": {
     "vitest": "^5.0.0",
-    "@instructure/ui-babel-preset": "11.7.8"
+    "@instructure/ui-babel-preset": "11.7.9-snapshot-1"
   },
   "peerDependencies": {
     "react": ">=18 <=19"