@instructure/ui-calendar 11.7.9-snapshot-0 → 11.7.9-snapshot-2

package/CHANGELOG.md

@@ -3,7 +3,7 @@
 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-0](https://github.com/instructure/instructure-ui/compare/v11.7.8...v11.7.9-snapshot-0) (2026-10-05)
+## [11.7.9-snapshot-2](https://github.com/instructure/instructure-ui/compare/v11.7.8...v11.7.9-snapshot-2) (2026-10-12)
 
 **Note:** Version bump only for package @instructure/ui-calendar
 

package/lib/Calendar/v1/Day/index.js

@@ -7,10 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.Day = void 0;
 var _react = require("react");
 var _v11_ = require("@instructure/ui-view/v11_6");
-var _AccessibleContent = require("@instructure/ui-a11y-content/lib/AccessibleContent");
-var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
-var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
-var _getElementType = require("@instructure/ui-react-utils/lib/getElementType.js");
+var _uiA11yContent = require("@instructure/ui-a11y-content");
+var _uiReactUtils = require("@instructure/ui-react-utils");
 var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
@@ -78,7 +76,7 @@ let Day = exports.Day = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.
     const {
       as
     } = this.props;
-    return as || (0, _getElementType.getElementType)(Day, this.props);
+    return as || (0, _uiReactUtils.getElementType)(Day, this.props);
   }
   shouldApplyAriaSelected() {
     const {
@@ -136,7 +134,7 @@ let Day = exports.Day = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.
       elementType,
       isDisabled
     } = this;
-    const passthroughProps = _v11_.View.omitViewProps((0, _omitProps.omitProps)(props, Day.allowedProps), Day);
+    const passthroughProps = _v11_.View.omitViewProps((0, _uiReactUtils.omitProps)(props, Day.allowedProps), Day);
     return (0, _jsxRuntime.jsx)(_v11_.View, {
       ...passthroughProps,
       as: elementType,
@@ -156,9 +154,9 @@ let Day = exports.Day = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.
       "data-cid": "Calendar.Day",
       children: (0, _jsxRuntime.jsx)("span", {
         css: styles?.day,
-        children: (0, _jsxRuntime.jsx)(_AccessibleContent.AccessibleContent, {
+        children: (0, _jsxRuntime.jsx)(_uiA11yContent.AccessibleContent, {
           alt: selectedLabel && isSelected ? `${label}, ${selectedLabel}` : label,
-          children: (0, _callRenderProp.callRenderProp)(children)
+          children: (0, _uiReactUtils.callRenderProp)(children)
         })
       })
     });

package/lib/Calendar/v1/index.js

@@ -7,24 +7,18 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.Calendar = void 0;
 var _react = require("react");
 var _v11_ = require("@instructure/ui-view/v11_6");
-var _safeCloneElement = require("@instructure/ui-react-utils/lib/safeCloneElement.js");
-var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
-var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
-var _withDeterministicId = require("@instructure/ui-react-utils/lib/DeterministicIdContext/withDeterministicId.js");
-var _createChainedFunction = require("@instructure/ui-utils/lib/createChainedFunction.js");
+var _uiReactUtils = require("@instructure/ui-react-utils");
+var _uiUtils = require("@instructure/ui-utils");
 var _console = require("@instructure/console");
-var _AccessibleContent = require("@instructure/ui-a11y-content/lib/AccessibleContent");
+var _uiA11yContent = require("@instructure/ui-a11y-content");
 var _emotion = require("@instructure/emotion");
-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 _styles = _interopRequireDefault(require("./styles.js"));
 var _theme = _interopRequireDefault(require("./theme.js"));
 var _index = require("./Day/index.js");
 var _props = require("./props.js");
 var _v11_2 = require("@instructure/ui-buttons/v11_6");
-var _IconArrowOpenStartSolid = require("@instructure/ui-icons/lib/generated/IconArrowOpenStartSolid.js");
-var _IconArrowOpenEndSolid = require("@instructure/ui-icons/lib/generated/IconArrowOpenEndSolid.js");
+var _uiIcons = require("@instructure/ui-icons");
 var _v11_3 = require("@instructure/ui-simple-select/v11_6");
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
 var _dec, _dec2, _class;
@@ -56,10 +50,10 @@ var _dec, _dec2, _class;
 category: components
 ---
 **/
-let Calendar = exports.Calendar = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = _dec2(_class = class Calendar extends _react.Component {
+let Calendar = exports.Calendar = (_dec = (0, _uiReactUtils.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = _dec2(_class = class Calendar extends _react.Component {
   static displayName = 'Calendar';
   static componentId = 'Calendar';
-  static contextType = _ApplyLocaleContext.ApplyLocaleContext;
+  static contextType = _uiI18n.ApplyLocaleContext;
   static Day = _index.Day;
   static DAY_COUNT = 42; // 6 weeks visible
 
@@ -103,8 +97,8 @@ let Calendar = exports.Calendar = (_dec = (0, _withDeterministicId.withDetermini
   calculateState = (locale, timezone, currentDate) => {
     const visibleMonth = this.props.visibleMonth || currentDate;
     return {
-      visibleMonth: visibleMonth ? _DateTime.DateTime.parse(visibleMonth, locale, timezone) : _DateTime.DateTime.now(locale, timezone),
-      today: currentDate ? _DateTime.DateTime.parse(currentDate, locale, timezone) : _DateTime.DateTime.now(locale, timezone)
+      visibleMonth: visibleMonth ? _uiI18n.DateTime.parse(visibleMonth, locale, timezone) : _uiI18n.DateTime.now(locale, timezone),
+      today: currentDate ? _uiI18n.DateTime.parse(currentDate, locale, timezone) : _uiI18n.DateTime.now(locale, timezone)
     };
   };
   get role() {
@@ -139,24 +133,24 @@ let Calendar = exports.Calendar = (_dec = (0, _withDeterministicId.withDetermini
       months: 1
     }).format('MMMM YYYY');
     return {
-      prevButton: renderPrevMonthButton ? (0, _callRenderProp.callRenderProp)(renderPrevMonthButton, {
+      prevButton: renderPrevMonthButton ? (0, _uiReactUtils.callRenderProp)(renderPrevMonthButton, {
         targetMonthSrLabel: prevMonthName
       }) : (0, _jsxRuntime.jsx)(_v11_2.IconButton, {
         size: "small",
         withBackground: false,
         withBorder: false,
-        renderIcon: (0, _jsxRuntime.jsx)(_IconArrowOpenStartSolid.IconArrowOpenStartSolid, {
+        renderIcon: (0, _jsxRuntime.jsx)(_uiIcons.IconArrowOpenStartSolid, {
           color: "primary"
         }),
         screenReaderLabel: `Previous month, ${prevMonthName}`
       }),
-      nextButton: renderNextMonthButton ? (0, _callRenderProp.callRenderProp)(renderNextMonthButton, {
+      nextButton: renderNextMonthButton ? (0, _uiReactUtils.callRenderProp)(renderNextMonthButton, {
         targetMonthSrLabel: nextMonthName
       }) : (0, _jsxRuntime.jsx)(_v11_2.IconButton, {
         size: "small",
         withBackground: false,
         withBorder: false,
-        renderIcon: (0, _jsxRuntime.jsx)(_IconArrowOpenEndSolid.IconArrowOpenEndSolid, {
+        renderIcon: (0, _jsxRuntime.jsx)(_uiIcons.IconArrowOpenEndSolid, {
           color: "primary"
         }),
         screenReaderLabel: `Next month, ${nextMonthName}`
@@ -210,7 +204,7 @@ let Calendar = exports.Calendar = (_dec = (0, _withDeterministicId.withDetermini
     const {
       visibleMonth
     } = this.state;
-    const yearNumber = Number(_DateTime.DateTime.parse(year, this.locale(), this.timezone()).locale('en').format('YYYY'));
+    const yearNumber = Number(_uiI18n.DateTime.parse(year, this.locale(), this.timezone()).locale('en').format('YYYY'));
     const newDate = visibleMonth.clone();
     if (withYearPicker?.onRequestYearChange) {
       withYearPicker.onRequestYearChange(e, yearNumber);
@@ -234,8 +228,8 @@ let Calendar = exports.Calendar = (_dec = (0, _withDeterministicId.withDetermini
       prevButton,
       nextButton
     } = this.renderMonthNavigationButtons();
-    const cloneButton = (button, onClick) => (0, _safeCloneElement.safeCloneElement)(button, {
-      onClick: (0, _createChainedFunction.createChainedFunction)(button.props.onClick, onClick)
+    const cloneButton = (button, onClick) => (0, _uiReactUtils.safeCloneElement)(button, {
+      onClick: (0, _uiUtils.createChainedFunction)(button.props.onClick, onClick)
     });
     const style = [styles?.navigation, ...(prevButton || nextButton ? [styles?.navigationWithButtons] : [])];
     const yearList = [];
@@ -246,13 +240,13 @@ let Calendar = exports.Calendar = (_dec = (0, _withDeterministicId.withDetermini
       } = withYearPicker;
       for (let year = endYear; year >= startYear; year--) {
         // add the years to the list with the correct locale
-        yearList.push(_DateTime.DateTime.parse(year.toString(), this.locale(), this.timezone()).format('YYYY'));
+        yearList.push(_uiI18n.DateTime.parse(year.toString(), this.locale(), this.timezone()).format('YYYY'));
       }
     }
     return (0, _jsxRuntime.jsxs)("div", {
       children: [(0, _jsxRuntime.jsxs)("div", {
         css: style,
-        children: [prevButton && cloneButton(prevButton, this.handleMonthChange('prev')), renderNavigationLabel ? (0, _callRenderProp.callRenderProp)(renderNavigationLabel) : (0, _jsxRuntime.jsxs)("div", {
+        children: [prevButton && cloneButton(prevButton, this.handleMonthChange('prev')), renderNavigationLabel ? (0, _uiReactUtils.callRenderProp)(renderNavigationLabel) : (0, _jsxRuntime.jsxs)("div", {
           "aria-live": "polite",
           "aria-atomic": "true",
           children: [(0, _jsxRuntime.jsx)("div", {
@@ -306,33 +300,33 @@ let Calendar = exports.Calendar = (_dec = (0, _withDeterministicId.withDetermini
           scope: "col",
           css: styles?.weekdayHeader,
           id: this._weekdayHeaderIds[i],
-          children: (0, _callRenderProp.callRenderProp)(label)
+          children: (0, _uiReactUtils.callRenderProp)(label)
         }, i);
       })
     });
   }
   get defaultWeekdays() {
-    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)];
@@ -356,10 +350,10 @@ let Calendar = exports.Calendar = (_dec = (0, _withDeterministicId.withDetermini
       role: role,
       children: row.map((day, i) => (0, _jsxRuntime.jsx)("td", {
         role: role,
-        children: role === 'presentation' ? (0, _safeCloneElement.safeCloneElement)(day, {
+        children: role === 'presentation' ? (0, _uiReactUtils.safeCloneElement)(day, {
           'aria-describedby': this._weekdayHeaderIds[i],
           role: 'option'
-        }) : (0, _safeCloneElement.safeCloneElement)(day, {
+        }) : (0, _uiReactUtils.safeCloneElement)(day, {
           'aria-describedby': this._weekdayHeaderIds[i],
           role: 'button'
         })
@@ -372,7 +366,7 @@ let Calendar = exports.Calendar = (_dec = (0, _withDeterministicId.withDetermini
     } else if (this.context && this.context.locale) {
       return this.context.locale;
     }
-    return _Locale.Locale.browserLocale();
+    return _uiI18n.Locale.browserLocale();
   }
   timezone() {
     if (this.props.timezone) {
@@ -380,7 +374,7 @@ let Calendar = exports.Calendar = (_dec = (0, _withDeterministicId.withDetermini
     } else if (this.context && this.context.timezone) {
       return this.context.timezone;
     }
-    return _DateTime.DateTime.browserTimeZone();
+    return _uiI18n.DateTime.browserTimeZone();
   }
 
   // date is returned as an ISO string, like 2021-09-14T22:00:00.000Z
@@ -388,7 +382,7 @@ let Calendar = exports.Calendar = (_dec = (0, _withDeterministicId.withDetermini
     date
   }) => {
     if (this.props.onDateSelected) {
-      const parsedDate = _DateTime.DateTime.parse(date, this.locale(), this.timezone());
+      const parsedDate = _uiI18n.DateTime.parse(date, this.locale(), this.timezone());
       this.props.onDateSelected(parsedDate.toISOString(), parsedDate, event);
     }
   };
@@ -419,7 +413,7 @@ let Calendar = exports.Calendar = (_dec = (0, _withDeterministicId.withDetermini
     // 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(visibleMonth.clone().startOf('month'));
+    const currDate = _uiI18n.DateTime.getFirstDayOfWeek(visibleMonth.clone().startOf('month'));
     const arr = [];
     for (let i = 0; i < 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,
@@ -458,7 +452,7 @@ let Calendar = exports.Calendar = (_dec = (0, _withDeterministicId.withDetermini
     });
   }
   render() {
-    const passthroughProps = _v11_.View.omitViewProps((0, _omitProps.omitProps)(this.props, Calendar.allowedProps), Calendar);
+    const passthroughProps = _v11_.View.omitViewProps((0, _uiReactUtils.omitProps)(this.props, Calendar.allowedProps), Calendar);
     return (0, _jsxRuntime.jsxs)(_v11_.View, {
       ...passthroughProps,
       as: this.props.as,

package/lib/Calendar/v2/Day/index.js

@@ -7,10 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.Day = void 0;
 var _react = require("react");
 var _latest = require("@instructure/ui-view/latest");
-var _AccessibleContent = require("@instructure/ui-a11y-content/lib/AccessibleContent");
-var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
-var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
-var _getElementType = require("@instructure/ui-react-utils/lib/getElementType.js");
+var _uiA11yContent = require("@instructure/ui-a11y-content");
+var _uiReactUtils = require("@instructure/ui-react-utils");
 var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles.js"));
 var _props = require("./props.js");
@@ -77,7 +75,7 @@ let Day = exports.Day = (_dec = (0, _emotion.withStyleNew)(_styles.default), _de
     const {
       as
     } = this.props;
-    return as || (0, _getElementType.getElementType)(Day, this.props);
+    return as || (0, _uiReactUtils.getElementType)(Day, this.props);
   }
   shouldApplyAriaSelected() {
     const {
@@ -135,7 +133,7 @@ let Day = exports.Day = (_dec = (0, _emotion.withStyleNew)(_styles.default), _de
       elementType,
       isDisabled
     } = this;
-    const passthroughProps = _latest.View.omitViewProps((0, _omitProps.omitProps)(props, Day.allowedProps), Day);
+    const passthroughProps = _latest.View.omitViewProps((0, _uiReactUtils.omitProps)(props, Day.allowedProps), Day);
     return (0, _jsxRuntime.jsx)(_latest.View, {
       ...passthroughProps,
       as: elementType,
@@ -155,9 +153,9 @@ let Day = exports.Day = (_dec = (0, _emotion.withStyleNew)(_styles.default), _de
       "data-cid": "Calendar.Day",
       children: (0, _jsxRuntime.jsx)("span", {
         css: styles?.day,
-        children: (0, _jsxRuntime.jsx)(_AccessibleContent.AccessibleContent, {
+        children: (0, _jsxRuntime.jsx)(_uiA11yContent.AccessibleContent, {
           alt: selectedLabel && isSelected ? `${label}, ${selectedLabel}` : label,
-          children: (0, _callRenderProp.callRenderProp)(children)
+          children: (0, _uiReactUtils.callRenderProp)(children)
         })
       })
     });

package/lib/Calendar/v2/index.js

@@ -7,17 +7,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.Calendar = void 0;
 var _react = require("react");
 var _latest = require("@instructure/ui-view/latest");
-var _safeCloneElement = require("@instructure/ui-react-utils/lib/safeCloneElement.js");
-var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
-var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js");
-var _withDeterministicId = require("@instructure/ui-react-utils/lib/DeterministicIdContext/withDeterministicId.js");
-var _createChainedFunction = require("@instructure/ui-utils/lib/createChainedFunction.js");
+var _uiReactUtils = require("@instructure/ui-react-utils");
+var _uiUtils = require("@instructure/ui-utils");
 var _console = require("@instructure/console");
-var _AccessibleContent = require("@instructure/ui-a11y-content/lib/AccessibleContent");
+var _uiA11yContent = require("@instructure/ui-a11y-content");
 var _emotion = require("@instructure/emotion");
-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 _styles = _interopRequireDefault(require("./styles.js"));
 var _index = require("./Day/index.js");
 var _props = require("./props.js");
@@ -54,10 +49,10 @@ var _dec, _dec2, _class;
 category: components
 ---
 **/
-let Calendar = exports.Calendar = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyleNew)(_styles.default), _dec(_class = _dec2(_class = class Calendar extends _react.Component {
+let Calendar = exports.Calendar = (_dec = (0, _uiReactUtils.withDeterministicId)(), _dec2 = (0, _emotion.withStyleNew)(_styles.default), _dec(_class = _dec2(_class = class Calendar extends _react.Component {
   static displayName = 'Calendar';
   static componentId = 'Calendar';
-  static contextType = _ApplyLocaleContext.ApplyLocaleContext;
+  static contextType = _uiI18n.ApplyLocaleContext;
   static Day = _index.Day;
   static DAY_COUNT = 42; // 6 weeks visible
 
@@ -101,8 +96,8 @@ let Calendar = exports.Calendar = (_dec = (0, _withDeterministicId.withDetermini
   calculateState = (locale, timezone, currentDate) => {
     const visibleMonth = this.props.visibleMonth || currentDate;
     return {
-      visibleMonth: visibleMonth ? _DateTime.DateTime.parse(visibleMonth, locale, timezone) : _DateTime.DateTime.now(locale, timezone),
-      today: currentDate ? _DateTime.DateTime.parse(currentDate, locale, timezone) : _DateTime.DateTime.now(locale, timezone)
+      visibleMonth: visibleMonth ? _uiI18n.DateTime.parse(visibleMonth, locale, timezone) : _uiI18n.DateTime.now(locale, timezone),
+      today: currentDate ? _uiI18n.DateTime.parse(currentDate, locale, timezone) : _uiI18n.DateTime.now(locale, timezone)
     };
   };
   get role() {
@@ -137,7 +132,7 @@ let Calendar = exports.Calendar = (_dec = (0, _withDeterministicId.withDetermini
       months: 1
     }).format('MMMM YYYY');
     return {
-      prevButton: renderPrevMonthButton ? (0, _callRenderProp.callRenderProp)(renderPrevMonthButton, {
+      prevButton: renderPrevMonthButton ? (0, _uiReactUtils.callRenderProp)(renderPrevMonthButton, {
         targetMonthSrLabel: prevMonthName
       }) : (0, _jsxRuntime.jsx)(_latest2.IconButton, {
         size: "small",
@@ -148,7 +143,7 @@ let Calendar = exports.Calendar = (_dec = (0, _withDeterministicId.withDetermini
         }),
         screenReaderLabel: `Previous month, ${prevMonthName}`
       }),
-      nextButton: renderNextMonthButton ? (0, _callRenderProp.callRenderProp)(renderNextMonthButton, {
+      nextButton: renderNextMonthButton ? (0, _uiReactUtils.callRenderProp)(renderNextMonthButton, {
         targetMonthSrLabel: nextMonthName
       }) : (0, _jsxRuntime.jsx)(_latest2.IconButton, {
         size: "small",
@@ -208,7 +203,7 @@ let Calendar = exports.Calendar = (_dec = (0, _withDeterministicId.withDetermini
     const {
       visibleMonth
     } = this.state;
-    const yearNumber = Number(_DateTime.DateTime.parse(year, this.locale(), this.timezone()).locale('en').format('YYYY'));
+    const yearNumber = Number(_uiI18n.DateTime.parse(year, this.locale(), this.timezone()).locale('en').format('YYYY'));
     const newDate = visibleMonth.clone();
     if (withYearPicker?.onRequestYearChange) {
       withYearPicker.onRequestYearChange(e, yearNumber);
@@ -232,8 +227,8 @@ let Calendar = exports.Calendar = (_dec = (0, _withDeterministicId.withDetermini
       prevButton,
       nextButton
     } = this.renderMonthNavigationButtons();
-    const cloneButton = (button, onClick) => (0, _safeCloneElement.safeCloneElement)(button, {
-      onClick: (0, _createChainedFunction.createChainedFunction)(button.props.onClick, onClick)
+    const cloneButton = (button, onClick) => (0, _uiReactUtils.safeCloneElement)(button, {
+      onClick: (0, _uiUtils.createChainedFunction)(button.props.onClick, onClick)
     });
     const style = [styles?.navigation, ...(prevButton || nextButton ? [styles?.navigationWithButtons] : [])];
     const yearList = [];
@@ -244,13 +239,13 @@ let Calendar = exports.Calendar = (_dec = (0, _withDeterministicId.withDetermini
       } = withYearPicker;
       for (let year = endYear; year >= startYear; year--) {
         // add the years to the list with the correct locale
-        yearList.push(_DateTime.DateTime.parse(year.toString(), this.locale(), this.timezone()).format('YYYY'));
+        yearList.push(_uiI18n.DateTime.parse(year.toString(), this.locale(), this.timezone()).format('YYYY'));
       }
     }
     return (0, _jsxRuntime.jsxs)("div", {
       children: [(0, _jsxRuntime.jsxs)("div", {
         css: style,
-        children: [prevButton && cloneButton(prevButton, this.handleMonthChange('prev')), renderNavigationLabel ? (0, _callRenderProp.callRenderProp)(renderNavigationLabel) : (0, _jsxRuntime.jsxs)("h2", {
+        children: [prevButton && cloneButton(prevButton, this.handleMonthChange('prev')), renderNavigationLabel ? (0, _uiReactUtils.callRenderProp)(renderNavigationLabel) : (0, _jsxRuntime.jsxs)("h2", {
           "aria-live": "polite",
           "aria-atomic": "true",
           css: styles?.navigationLabel,
@@ -305,33 +300,33 @@ let Calendar = exports.Calendar = (_dec = (0, _withDeterministicId.withDetermini
           scope: "col",
           css: styles?.weekdayHeader,
           id: this._weekdayHeaderIds[i],
-          children: (0, _callRenderProp.callRenderProp)(label)
+          children: (0, _uiReactUtils.callRenderProp)(label)
         }, i);
       })
     });
   }
   get defaultWeekdays() {
-    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)];
@@ -367,10 +362,10 @@ let Calendar = exports.Calendar = (_dec = (0, _withDeterministicId.withDetermini
       role: role,
       children: row.map((day, i) => (0, _jsxRuntime.jsx)("td", {
         role: role,
-        children: role === 'presentation' ? (0, _safeCloneElement.safeCloneElement)(day, {
+        children: role === 'presentation' ? (0, _uiReactUtils.safeCloneElement)(day, {
           'aria-describedby': this._weekdayHeaderIds[i],
           role: 'option'
-        }) : (0, _safeCloneElement.safeCloneElement)(day, {
+        }) : (0, _uiReactUtils.safeCloneElement)(day, {
           'aria-describedby': this._weekdayHeaderIds[i],
           role: 'button'
         })
@@ -383,7 +378,7 @@ let Calendar = exports.Calendar = (_dec = (0, _withDeterministicId.withDetermini
     } else if (this.context && this.context.locale) {
       return this.context.locale;
     }
-    return _Locale.Locale.browserLocale();
+    return _uiI18n.Locale.browserLocale();
   }
   timezone() {
     if (this.props.timezone) {
@@ -391,7 +386,7 @@ let Calendar = exports.Calendar = (_dec = (0, _withDeterministicId.withDetermini
     } else if (this.context && this.context.timezone) {
       return this.context.timezone;
     }
-    return _DateTime.DateTime.browserTimeZone();
+    return _uiI18n.DateTime.browserTimeZone();
   }
 
   // date is returned as an ISO string, like 2021-09-14T22:00:00.000Z
@@ -399,7 +394,7 @@ let Calendar = exports.Calendar = (_dec = (0, _withDeterministicId.withDetermini
     date
   }) => {
     if (this.props.onDateSelected) {
-      const parsedDate = _DateTime.DateTime.parse(date, this.locale(), this.timezone());
+      const parsedDate = _uiI18n.DateTime.parse(date, this.locale(), this.timezone());
       this.props.onDateSelected(parsedDate.toISOString(), parsedDate, event);
     }
   };
@@ -429,7 +424,7 @@ let Calendar = exports.Calendar = (_dec = (0, _withDeterministicId.withDetermini
     // 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(visibleMonth.clone().startOf('month'));
+    const currDate = _uiI18n.DateTime.getFirstDayOfWeek(visibleMonth.clone().startOf('month'));
     const arr = [];
     for (let i = 0; i < 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,
@@ -468,7 +463,7 @@ let Calendar = exports.Calendar = (_dec = (0, _withDeterministicId.withDetermini
     });
   }
   render() {
-    const passthroughProps = _latest.View.omitViewProps((0, _omitProps.omitProps)(this.props, Calendar.allowedProps), Calendar);
+    const passthroughProps = _latest.View.omitViewProps((0, _uiReactUtils.omitProps)(this.props, Calendar.allowedProps), Calendar);
     return (0, _jsxRuntime.jsxs)(_latest.View, {
       ...passthroughProps,
       as: this.props.as,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-calendar",
-  "version": "11.7.9-snapshot-0",
+  "version": "11.7.9-snapshot-2",
   "description": "A calendar component.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -15,24 +15,24 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.29.7",
-    "@instructure/console": "11.7.9-snapshot-0",
-    "@instructure/shared-types": "11.7.9-snapshot-0",
-    "@instructure/ui-a11y-content": "11.7.9-snapshot-0",
-    "@instructure/ui-buttons": "11.7.9-snapshot-0",
-    "@instructure/emotion": "11.7.9-snapshot-0",
-    "@instructure/ui-icons": "11.7.9-snapshot-0",
-    "@instructure/ui-i18n": "11.7.9-snapshot-0",
-    "@instructure/ui-react-utils": "11.7.9-snapshot-0",
-    "@instructure/ui-simple-select": "11.7.9-snapshot-0",
-    "@instructure/ui-themes": "11.7.9-snapshot-0",
-    "@instructure/ui-utils": "11.7.9-snapshot-0",
-    "@instructure/ui-view": "11.7.9-snapshot-0",
-    "@instructure/uid": "11.7.9-snapshot-0"
+    "@instructure/console": "11.7.9-snapshot-2",
+    "@instructure/emotion": "11.7.9-snapshot-2",
+    "@instructure/shared-types": "11.7.9-snapshot-2",
+    "@instructure/ui-a11y-content": "11.7.9-snapshot-2",
+    "@instructure/ui-buttons": "11.7.9-snapshot-2",
+    "@instructure/ui-i18n": "11.7.9-snapshot-2",
+    "@instructure/ui-icons": "11.7.9-snapshot-2",
+    "@instructure/ui-react-utils": "11.7.9-snapshot-2",
+    "@instructure/ui-simple-select": "11.7.9-snapshot-2",
+    "@instructure/ui-themes": "11.7.9-snapshot-2",
+    "@instructure/ui-utils": "11.7.9-snapshot-2",
+    "@instructure/ui-view": "11.7.9-snapshot-2",
+    "@instructure/uid": "11.7.9-snapshot-2"
   },
   "devDependencies": {
-    "vitest": "^5.0.0",
-    "@instructure/ui-babel-preset": "11.7.9-snapshot-0",
-    "@instructure/ui-color-utils": "11.7.9-snapshot-0"
+    "@instructure/ui-babel-preset": "11.7.9-snapshot-2",
+    "@instructure/ui-color-utils": "11.7.9-snapshot-2",
+    "vitest": "^5.0.0"
   },
   "peerDependencies": {
     "react": ">=18 <=19"