@instructure/ui-date-input 10.13.0 → 10.13.1-pr-snapshot-1741357986437

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.
 
+## [10.13.1-pr-snapshot-1741357986437](https://github.com/instructure/instructure-ui/compare/v10.13.0...v10.13.1-pr-snapshot-1741357986437) (2025-03-07)
+
+**Note:** Version bump only for package @instructure/ui-date-input
+
+
+
+
+
 # [10.13.0](https://github.com/instructure/instructure-ui/compare/v10.12.0...v10.13.0) (2025-03-06)
 
 

package/lib/DateInput/__new-tests__/DateInput.test.js

@@ -7,8 +7,8 @@ var _vitest = require("vitest");
 var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
 require("@testing-library/jest-dom");
 var _generateA11yTests = require("@instructure/ui-scripts/lib/test/generateA11yTests");
-var _runAxeCheck = require("@instructure/ui-axe-check/lib/runAxeCheck.js");
-var _Calendar = require("@instructure/ui-calendar/lib/Calendar");
+var _uiAxeCheck = require("@instructure/ui-axe-check");
+var _uiCalendar = require("@instructure/ui-calendar");
 var _DateInput = _interopRequireDefault(require("../__examples__/DateInput.examples"));
 var _index = require("../index");
 var _Calendar$Day, _button, _button2, _Calendar$Day2, _Calendar$Day3;
@@ -38,11 +38,11 @@ var _Calendar$Day, _button, _button2, _Calendar$Day2, _Calendar$Day3;
 // eslint-disable-next-line no-restricted-imports
 describe('<DateInput />', () => {
   const weekdayLabels = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
-  const generateDays = (count = _Calendar.Calendar.DAY_COUNT) => {
+  const generateDays = (count = _uiCalendar.Calendar.DAY_COUNT) => {
     const days = [];
     const date = new Date('2019-07-28');
     while (days.length < count) {
-      days.push(/*#__PURE__*/_react.default.createElement(_Calendar.Calendar.Day, {
+      days.push(/*#__PURE__*/_react.default.createElement(_uiCalendar.Calendar.Day, {
         key: date.toISOString(),
         date: date.toISOString(),
         label: date.toISOString()
@@ -441,7 +441,7 @@ describe('<DateInput />', () => {
         const onRequestHideCalendar = _vitest.vi.fn();
         const onRequestValidateDate = _vitest.vi.fn();
         const days = generateDays();
-        days[4] = _Calendar$Day || (_Calendar$Day = /*#__PURE__*/_react.default.createElement(_Calendar.Calendar.Day, {
+        days[4] = _Calendar$Day || (_Calendar$Day = /*#__PURE__*/_react.default.createElement(_uiCalendar.Calendar.Day, {
           key: "4",
           label: "4",
           date: "2019-09-28",
@@ -514,7 +514,7 @@ describe('<DateInput />', () => {
     });
     it('should render days with the correct role', async () => {
       const days = generateDays();
-      days[5] = _Calendar$Day2 || (_Calendar$Day2 = /*#__PURE__*/_react.default.createElement(_Calendar.Calendar.Day, {
+      days[5] = _Calendar$Day2 || (_Calendar$Day2 = /*#__PURE__*/_react.default.createElement(_uiCalendar.Calendar.Day, {
         key: "5",
         label: "5",
         date: "2019-09-28",
@@ -538,7 +538,7 @@ describe('<DateInput />', () => {
     });
     it('should assign aria-selected to the selected date and link it to the input', async () => {
       const days = generateDays();
-      days[7] = _Calendar$Day3 || (_Calendar$Day3 = /*#__PURE__*/_react.default.createElement(_Calendar.Calendar.Day, {
+      days[7] = _Calendar$Day3 || (_Calendar$Day3 = /*#__PURE__*/_react.default.createElement(_uiCalendar.Calendar.Day, {
         key: "7",
         label: "7",
         date: "2019-09-28",
@@ -572,7 +572,7 @@ describe('<DateInput />', () => {
     }) => {
       const _render7 = (0, _react2.render)(content),
         container = _render7.container;
-      const axeCheck = await (0, _runAxeCheck.runAxeCheck)(container);
+      const axeCheck = await (0, _uiAxeCheck.runAxeCheck)(container);
       expect(axeCheck).toBe(true);
     });
   });

package/lib/DateInput/index.js

@@ -8,19 +8,15 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.DateInput = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
-var _Calendar = require("@instructure/ui-calendar/lib/Calendar");
-var _IconCalendarMonthLine = require("@instructure/ui-icons/lib/IconCalendarMonthLine.js");
-var _Popover = require("@instructure/ui-popover/lib/Popover");
-var _Selectable = require("@instructure/ui-selectable/lib/Selectable");
-var _TextInput = require("@instructure/ui-text-input/lib/TextInput");
-var _createChainedFunction = require("@instructure/ui-utils/lib/createChainedFunction.js");
-var _getInteraction = require("@instructure/ui-react-utils/lib/getInteraction.js");
-var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
-var _safeCloneElement = require("@instructure/ui-react-utils/lib/safeCloneElement.js");
-var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProps.js");
-var _testable = require("@instructure/ui-testable/lib/testable.js");
-var _DateTime = require("@instructure/ui-i18n/lib/DateTime.js");
-var _Locale = require("@instructure/ui-i18n/lib/Locale.js");
+var _uiCalendar = require("@instructure/ui-calendar");
+var _uiIcons = require("@instructure/ui-icons");
+var _uiPopover = require("@instructure/ui-popover");
+var _uiSelectable = require("@instructure/ui-selectable");
+var _uiTextInput = require("@instructure/ui-text-input");
+var _uiUtils = require("@instructure/ui-utils");
+var _uiReactUtils = require("@instructure/ui-react-utils");
+var _uiTestable = require("@instructure/ui-testable");
+var _uiI18n = require("@instructure/ui-i18n");
 var _emotion = require("@instructure/emotion");
 var _styles = _interopRequireDefault(require("./styles"));
 var _props2 = require("./props");
@@ -56,7 +52,7 @@ var _dec, _dec2, _class, _DateInput, _IconCalendarMonthLin;
 category: components
 ---
 **/
-let DateInput = exports.DateInput = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_DateInput = class DateInput extends _react.Component {
+let DateInput = exports.DateInput = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec2 = (0, _uiTestable.testable)(), _dec(_class = _dec2(_class = (_DateInput = class DateInput extends _react.Component {
   constructor(...args) {
     super(...args);
     this.state = {
@@ -107,7 +103,7 @@ let DateInput = exports.DateInput = (_dec = (0, _emotion.withStyle)(_styles.defa
       const messages = [];
       // check if date is enabled
       const disabledDates = this.props.disabledDates;
-      if (typeof disabledDates === 'function' && disabledDates(date) || Array.isArray(disabledDates) && disabledDates.find(dateString => _DateTime.DateTime.parse(dateString, this.locale(), this.timezone()).isSame(_DateTime.DateTime.parse(date, this.locale(), this.timezone()), 'day'))) {
+      if (typeof disabledDates === 'function' && disabledDates(date) || Array.isArray(disabledDates) && disabledDates.find(dateString => _uiI18n.DateTime.parse(dateString, this.locale(), this.timezone()).isSame(_uiI18n.DateTime.parse(date, this.locale(), this.timezone()), 'day'))) {
         messages.push(typeof disabledDateErrorMessage === 'function' ? disabledDateErrorMessage(date) : {
           type: 'error',
           text: disabledDateErrorMessage
@@ -115,7 +111,7 @@ let DateInput = exports.DateInput = (_dec = (0, _emotion.withStyle)(_styles.defa
       }
 
       // check if date is valid
-      if (!_DateTime.DateTime.parse(date, this.locale(), this.timezone(), [_DateTime.DateTime.momentISOFormat, 'llll', 'LLLL', 'lll', 'LLL', 'll', 'LL', 'l', 'L'], true).isValid()) {
+      if (!_uiI18n.DateTime.parse(date, this.locale(), this.timezone(), [_uiI18n.DateTime.momentISOFormat, 'llll', 'LLLL', 'lll', 'LLL', 'll', 'LL', 'l', 'L'], true).isValid()) {
         messages.push(typeof invalidDateErrorMessage === 'function' ? invalidDateErrorMessage(date) : {
           type: 'error',
           text: invalidDateErrorMessage
@@ -155,14 +151,14 @@ let DateInput = exports.DateInput = (_dec = (0, _emotion.withStyle)(_styles.defa
         onChange = _this$props7.onChange,
         value = _this$props7.value,
         currentDate = _this$props7.currentDate;
-      const isValueValid = value && _DateTime.DateTime.parse(value, this.locale(), this.timezone()).isValid();
+      const isValueValid = value && _uiI18n.DateTime.parse(value, this.locale(), this.timezone()).isValid();
       if (direction === -1) {
         if (onRequestSelectPrevDay) {
           onRequestSelectPrevDay === null || onRequestSelectPrevDay === void 0 ? void 0 : onRequestSelectPrevDay(event);
         } else {
           // @ts-expect-error TODO
           onChange(event, {
-            value: _DateTime.DateTime.parse(isValueValid ? value : currentDate, this.locale(), this.timezone()).subtract(1, 'day').format('MMMM D, YYYY')
+            value: _uiI18n.DateTime.parse(isValueValid ? value : currentDate, this.locale(), this.timezone()).subtract(1, 'day').format('MMMM D, YYYY')
           });
           this.setState({
             messages: []
@@ -175,7 +171,7 @@ let DateInput = exports.DateInput = (_dec = (0, _emotion.withStyle)(_styles.defa
         } else {
           // @ts-expect-error TODO
           onChange(event, {
-            value: _DateTime.DateTime.parse(isValueValid ? value : currentDate, this.locale(), this.timezone()).add(1, 'day').format('MMMM D, YYYY')
+            value: _uiI18n.DateTime.parse(isValueValid ? value : currentDate, this.locale(), this.timezone()).add(1, 'day').format('MMMM D, YYYY')
           });
           this.setState({
             messages: []
@@ -191,7 +187,7 @@ let DateInput = exports.DateInput = (_dec = (0, _emotion.withStyle)(_styles.defa
     } else if (this.context && this.context.locale) {
       return this.context.locale;
     }
-    return _Locale.Locale.browserLocale();
+    return _uiI18n.Locale.browserLocale();
   }
   timezone() {
     if (this.props.timezone) {
@@ -199,7 +195,7 @@ let DateInput = exports.DateInput = (_dec = (0, _emotion.withStyle)(_styles.defa
     } else if (this.context && this.context.timezone) {
       return this.context.timezone;
     }
-    return _DateTime.DateTime.browserTimeZone();
+    return _uiI18n.DateTime.browserTimeZone();
   }
   componentDidMount() {
     var _this$props$makeStyle, _this$props8;
@@ -222,7 +218,7 @@ let DateInput = exports.DateInput = (_dec = (0, _emotion.withStyle)(_styles.defa
     return selectedDateId;
   }
   get interaction() {
-    return (0, _getInteraction.getInteraction)({
+    return (0, _uiReactUtils.getInteraction)({
       props: this.props
     });
   }
@@ -231,7 +227,7 @@ let DateInput = exports.DateInput = (_dec = (0, _emotion.withStyle)(_styles.defa
       renderPrevMonthButton = _this$props10.renderPrevMonthButton,
       renderNextMonthButton = _this$props10.renderNextMonthButton;
     const button = type === 'prev' ? renderPrevMonthButton : renderNextMonthButton;
-    return button && (0, _safeCloneElement.safeCloneElement)((0, _callRenderProp.callRenderProp)(button), {
+    return button && (0, _uiReactUtils.safeCloneElement)((0, _uiReactUtils.callRenderProp)(button), {
       tabIndex: -1
     });
   }
@@ -252,7 +248,7 @@ let DateInput = exports.DateInput = (_dec = (0, _emotion.withStyle)(_styles.defa
         onClick: optionProps.onClick,
         role: 'presentation'
       } : optionProps;
-      return (0, _safeCloneElement.safeCloneElement)(day, propsAdded);
+      return (0, _uiReactUtils.safeCloneElement)(day, propsAdded);
     });
   }
   renderCalendar({
@@ -268,7 +264,7 @@ let DateInput = exports.DateInput = (_dec = (0, _emotion.withStyle)(_styles.defa
       onChange = _this$props11.onChange,
       disabledDates = _this$props11.disabledDates,
       currentDate = _this$props11.currentDate;
-    const isValidDate = value ? _DateTime.DateTime.parse(value, this.locale(), this.timezone()).isValid() : false;
+    const isValidDate = value ? _uiI18n.DateTime.parse(value, this.locale(), this.timezone()).isValid() : false;
     const noChildrenProps = this.props.children ? {} : {
       disabledDates,
       currentDate,
@@ -282,7 +278,7 @@ let DateInput = exports.DateInput = (_dec = (0, _emotion.withStyle)(_styles.defa
         this.handleHideCalendar(e, dateString);
       }
     };
-    return (0, _emotion.jsx)(_Calendar.Calendar, Object.assign({}, getListProps({
+    return (0, _emotion.jsx)(_uiCalendar.Calendar, Object.assign({}, getListProps({
       onRequestRenderNextMonth,
       onRequestRenderPrevMonth,
       renderNavigationLabel,
@@ -318,8 +314,8 @@ let DateInput = exports.DateInput = (_dec = (0, _emotion.withStyle)(_styles.defa
       ref = _getTriggerProps.ref,
       triggerProps = (0, _objectWithoutProperties2.default)(_getTriggerProps, _excluded2);
     const messages = this.props.messages || this.state.messages;
-    return (0, _emotion.jsx)(_TextInput.TextInput, Object.assign({}, triggerProps, (0, _passthroughProps.passthroughProps)(rest), getInputProps({
-      renderLabel: (0, _callRenderProp.callRenderProp)(renderLabel),
+    return (0, _emotion.jsx)(_uiTextInput.TextInput, Object.assign({}, triggerProps, (0, _uiReactUtils.passthroughProps)(rest), getInputProps({
+      renderLabel: (0, _uiReactUtils.callRenderProp)(renderLabel),
       value,
       placeholder,
       size,
@@ -327,12 +323,12 @@ let DateInput = exports.DateInput = (_dec = (0, _emotion.withStyle)(_styles.defa
       width,
       messages,
       onChange: this.handleInputChange,
-      onBlur: (0, _createChainedFunction.createChainedFunction)(onBlur, this.handleHideCalendar),
-      inputRef: (0, _createChainedFunction.createChainedFunction)(ref, this.handleInputRef),
+      onBlur: (0, _uiUtils.createChainedFunction)(onBlur, this.handleHideCalendar),
+      inputRef: (0, _uiUtils.createChainedFunction)(ref, this.handleInputRef),
       interaction,
       isRequired,
       display: isInline ? 'inline-block' : 'block',
-      renderAfterInput: _IconCalendarMonthLin || (_IconCalendarMonthLin = (0, _emotion.jsx)(_IconCalendarMonthLine.IconCalendarMonthLine, {
+      renderAfterInput: _IconCalendarMonthLin || (_IconCalendarMonthLin = (0, _emotion.jsx)(_uiIcons.IconCalendarMonthLine, {
         inline: false
       }))
     }), {
@@ -354,7 +350,7 @@ let DateInput = exports.DateInput = (_dec = (0, _emotion.withStyle)(_styles.defa
       assistiveText = _this$props13.assistiveText,
       styles = _this$props13.styles;
     const isShowingCalendar = this.shouldShowCalendar();
-    return (0, _emotion.jsx)(_Selectable.Selectable, {
+    return (0, _emotion.jsx)(_uiSelectable.Selectable, {
       isShowingOptions: isShowingCalendar,
       onRequestShowOptions: this.handleShowCalendar,
       onRequestHideOptions: this.handleHideCalendar,
@@ -378,7 +374,7 @@ let DateInput = exports.DateInput = (_dec = (0, _emotion.withStyle)(_styles.defa
       getTriggerProps
     }), (0, _emotion.jsx)("span", Object.assign({}, getDescriptionProps(), {
       css: styles === null || styles === void 0 ? void 0 : styles.assistiveText
-    }), assistiveText), (0, _emotion.jsx)(_Popover.Popover, {
+    }), assistiveText), (0, _emotion.jsx)(_uiPopover.Popover, {
       placement: placement,
       isShowingContent: isShowingCalendar,
       positionTarget: this._input,
@@ -389,7 +385,7 @@ let DateInput = exports.DateInput = (_dec = (0, _emotion.withStyle)(_styles.defa
       getOptionProps
     }))));
   }
-}, _DateInput.displayName = "DateInput", _DateInput.componentId = 'DateInput', _DateInput.Day = _Calendar.Calendar.Day, _DateInput.propTypes = _props2.propTypes, _DateInput.allowedProps = _props2.allowedProps, _DateInput.defaultProps = {
+}, _DateInput.displayName = "DateInput", _DateInput.componentId = 'DateInput', _DateInput.Day = _uiCalendar.Calendar.Day, _DateInput.propTypes = _props2.propTypes, _DateInput.allowedProps = _props2.allowedProps, _DateInput.defaultProps = {
   value: '',
   size: 'medium',
   onBlur: () => {},

package/lib/DateInput/props.js

@@ -6,11 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.propTypes = exports.allowedProps = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _controllable = require("@instructure/ui-prop-types/lib/controllable.js");
-var _Children = require("@instructure/ui-prop-types/lib/Children.js");
-var _FormPropTypes = require("@instructure/ui-form-field/lib/FormPropTypes.js");
-var _PositionPropTypes = require("@instructure/ui-position/lib/PositionPropTypes.js");
-var _Calendar = require("@instructure/ui-calendar/lib/Calendar");
+var _uiPropTypes = require("@instructure/ui-prop-types");
+var _uiFormField = require("@instructure/ui-form-field");
+var _uiPosition = require("@instructure/ui-position");
+var _uiCalendar = require("@instructure/ui-calendar");
 /*
  * The MIT License (MIT)
  *
@@ -37,7 +36,7 @@ var _Calendar = require("@instructure/ui-calendar/lib/Calendar");
 
 const propTypes = exports.propTypes = {
   renderLabel: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]).isRequired,
-  value: (0, _controllable.controllable)(_propTypes.default.string),
+  value: (0, _uiPropTypes.controllable)(_propTypes.default.string),
   size: _propTypes.default.oneOf(['small', 'medium', 'large']),
   placeholder: _propTypes.default.string,
   onChange: _propTypes.default.func,
@@ -50,8 +49,8 @@ const propTypes = exports.propTypes = {
   width: _propTypes.default.string,
   display: _propTypes.default.oneOf(['inline-block', 'block']),
   inputRef: _propTypes.default.func,
-  messages: _propTypes.default.arrayOf(_FormPropTypes.FormPropTypes.message),
-  placement: _PositionPropTypes.PositionPropTypes.placement,
+  messages: _propTypes.default.arrayOf(_uiFormField.FormPropTypes.message),
+  placement: _uiPosition.PositionPropTypes.placement,
   isShowingCalendar: _propTypes.default.bool,
   onRequestValidateDate: _propTypes.default.func,
   onRequestShowCalendar: _propTypes.default.func,
@@ -64,7 +63,7 @@ const propTypes = exports.propTypes = {
   renderWeekdayLabels: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.node])),
   renderNextMonthButton: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.node]),
   renderPrevMonthButton: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.node]),
-  children: _Children.Children.oneOf([_Calendar.Calendar.Day]),
+  children: _uiPropTypes.Children.oneOf([_uiCalendar.Calendar.Day]),
   disabledDates: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.func]),
   currentDate: _propTypes.default.string,
   disabledDateErrorMessage: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.string]),

package/lib/DateInput2/__new-tests__/DateInput2.test.js

@@ -8,7 +8,7 @@ var _react2 = require("@testing-library/react");
 var _vitest = require("vitest");
 var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
 require("@testing-library/jest-dom");
-var _IconHeartLine2 = require("@instructure/ui-icons/lib/IconHeartLine.js");
+var _uiIcons = require("@instructure/ui-icons");
 var _index = require("../index");
 var _DateInputExample, _DateInputExample2, _IconHeartLine, _DateInputExample3, _DateInputExample4;
 /*
@@ -121,7 +121,7 @@ describe('<DateInput2 />', () => {
           prevMonthButton: 'Previous month'
         },
         value: "",
-        renderCalendarIcon: _IconHeartLine || (_IconHeartLine = /*#__PURE__*/_react.default.createElement(_IconHeartLine2.IconHeartLine, null))
+        renderCalendarIcon: _IconHeartLine || (_IconHeartLine = /*#__PURE__*/_react.default.createElement(_uiIcons.IconHeartLine, null))
       })),
       container = _render4.container;
     const calendarIcon = container.querySelector('svg[name="IconHeart"]');

package/lib/DateInput2/index.js

@@ -7,17 +7,13 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.DateInput2 = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
-var _Calendar = require("@instructure/ui-calendar/lib/Calendar");
-var _IconButton = require("@instructure/ui-buttons/lib/IconButton");
-var _IconCalendarMonthLine = require("@instructure/ui-icons/lib/IconCalendarMonthLine.js");
-var _IconArrowOpenEndSolid = require("@instructure/ui-icons/lib/IconArrowOpenEndSolid.js");
-var _IconArrowOpenStartSolid = require("@instructure/ui-icons/lib/IconArrowOpenStartSolid.js");
-var _Popover = require("@instructure/ui-popover/lib/Popover");
-var _TextInput = require("@instructure/ui-text-input/lib/TextInput");
-var _callRenderProp = require("@instructure/ui-react-utils/lib/callRenderProp.js");
-var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProps.js");
-var _ApplyLocaleContext = require("@instructure/ui-i18n/lib/ApplyLocale/ApplyLocaleContext.js");
-var _Locale = require("@instructure/ui-i18n/lib/Locale.js");
+var _uiCalendar = require("@instructure/ui-calendar");
+var _uiButtons = require("@instructure/ui-buttons");
+var _uiIcons = require("@instructure/ui-icons");
+var _uiPopover = require("@instructure/ui-popover");
+var _uiTextInput = require("@instructure/ui-text-input");
+var _uiReactUtils = require("@instructure/ui-react-utils");
+var _uiI18n = require("@instructure/ui-i18n");
 var _emotion = require("@instructure/emotion");
 var _props = require("./props");
 var _IconCalendarMonthLin, _IconArrowOpenEndSoli, _IconArrowOpenStartSo;
@@ -145,7 +141,7 @@ const DateInput2 = ({
   inputRef,
   ...rest
 }) => {
-  const localeContext = (0, _react.useContext)(_ApplyLocaleContext.ApplyLocaleContext);
+  const localeContext = (0, _react.useContext)(_uiI18n.ApplyLocaleContext);
   const getLocale = () => {
     if (locale) {
       return locale;
@@ -153,7 +149,7 @@ const DateInput2 = ({
       return localeContext.locale;
     }
     // default to the system's locale
-    return _Locale.Locale.browserLocale();
+    return _uiI18n.Locale.browserLocale();
   };
   const getTimezone = () => {
     if (timezone) {
@@ -259,7 +255,7 @@ const DateInput2 = ({
     onBlur === null || onBlur === void 0 ? void 0 : onBlur(e, value || '', utcIsoDate);
   };
   const selectedDate = parseDate(value)[1];
-  return (0, _emotion.jsx)(_TextInput.TextInput, Object.assign({}, (0, _passthroughProps.passthroughProps)(rest), {
+  return (0, _emotion.jsx)(_uiTextInput.TextInput, Object.assign({}, (0, _uiReactUtils.passthroughProps)(rest), {
     inputRef: inputRef,
     renderLabel: renderLabel,
     onChange: handleInputChange,
@@ -272,14 +268,14 @@ const DateInput2 = ({
     messages: inputMessages,
     interaction: interaction,
     margin: margin,
-    renderAfterInput: (0, _emotion.jsx)(_Popover.Popover, {
-      renderTrigger: (0, _emotion.jsx)(_IconButton.IconButton, {
+    renderAfterInput: (0, _emotion.jsx)(_uiPopover.Popover, {
+      renderTrigger: (0, _emotion.jsx)(_uiButtons.IconButton, {
         withBackground: false,
         withBorder: false,
         screenReaderLabel: screenReaderLabels.calendarIcon,
         shape: "circle",
         interaction: interaction
-      }, renderCalendarIcon ? (0, _callRenderProp.callRenderProp)(renderCalendarIcon) : _IconCalendarMonthLin || (_IconCalendarMonthLin = (0, _emotion.jsx)(_IconCalendarMonthLine.IconCalendarMonthLine, null))),
+      }, renderCalendarIcon ? (0, _uiReactUtils.callRenderProp)(renderCalendarIcon) : _IconCalendarMonthLin || (_IconCalendarMonthLin = (0, _emotion.jsx)(_uiIcons.IconCalendarMonthLine, null))),
       isShowingContent: showPopover,
       onShowContent: () => setShowPopover(true),
       onHideContent: () => setShowPopover(false),
@@ -287,7 +283,7 @@ const DateInput2 = ({
       shouldContainFocus: true,
       shouldReturnFocus: true,
       shouldCloseOnDocumentClick: true
-    }, (0, _emotion.jsx)(_Calendar.Calendar, {
+    }, (0, _emotion.jsx)(_uiCalendar.Calendar, {
       withYearPicker: withYearPicker,
       onDateSelected: handleDateSelected,
       selectedDate: selectedDate,
@@ -295,20 +291,20 @@ const DateInput2 = ({
       visibleMonth: selectedDate,
       locale: getLocale(),
       timezone: getTimezone(),
-      renderNextMonthButton: (0, _emotion.jsx)(_IconButton.IconButton, {
+      renderNextMonthButton: (0, _emotion.jsx)(_uiButtons.IconButton, {
         size: "small",
         withBackground: false,
         withBorder: false,
-        renderIcon: _IconArrowOpenEndSoli || (_IconArrowOpenEndSoli = (0, _emotion.jsx)(_IconArrowOpenEndSolid.IconArrowOpenEndSolid, {
+        renderIcon: _IconArrowOpenEndSoli || (_IconArrowOpenEndSoli = (0, _emotion.jsx)(_uiIcons.IconArrowOpenEndSolid, {
           color: "primary"
         })),
         screenReaderLabel: screenReaderLabels.nextMonthButton
       }),
-      renderPrevMonthButton: (0, _emotion.jsx)(_IconButton.IconButton, {
+      renderPrevMonthButton: (0, _emotion.jsx)(_uiButtons.IconButton, {
         size: "small",
         withBackground: false,
         withBorder: false,
-        renderIcon: _IconArrowOpenStartSo || (_IconArrowOpenStartSo = (0, _emotion.jsx)(_IconArrowOpenStartSolid.IconArrowOpenStartSolid, {
+        renderIcon: _IconArrowOpenStartSo || (_IconArrowOpenStartSo = (0, _emotion.jsx)(_uiIcons.IconArrowOpenStartSolid, {
           color: "primary"
         })),
         screenReaderLabel: screenReaderLabels.prevMonthButton

package/lib/DateInput2/props.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.propTypes = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _controllable = require("@instructure/ui-prop-types/lib/controllable.js");
-var _FormPropTypes = require("@instructure/ui-form-field/lib/FormPropTypes.js");
+var _uiPropTypes = require("@instructure/ui-prop-types");
+var _uiFormField = require("@instructure/ui-form-field");
 /*
  * The MIT License (MIT)
  *
@@ -35,7 +35,7 @@ var _FormPropTypes = require("@instructure/ui-form-field/lib/FormPropTypes.js");
 const propTypes = exports.propTypes = {
   renderLabel: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]).isRequired,
   screenReaderLabels: _propTypes.default.object.isRequired,
-  value: (0, _controllable.controllable)(_propTypes.default.string),
+  value: (0, _uiPropTypes.controllable)(_propTypes.default.string),
   placeholder: _propTypes.default.string,
   onChange: _propTypes.default.func,
   onBlur: _propTypes.default.func,
@@ -43,7 +43,7 @@ const propTypes = exports.propTypes = {
   isRequired: _propTypes.default.bool,
   isInline: _propTypes.default.bool,
   width: _propTypes.default.string,
-  messages: _propTypes.default.arrayOf(_FormPropTypes.FormPropTypes.message),
+  messages: _propTypes.default.arrayOf(_uiFormField.FormPropTypes.message),
   invalidDateErrorMessage: _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.string]),
   locale: _propTypes.default.string,
   timezone: _propTypes.default.string,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-date-input",
-  "version": "10.13.0",
+  "version": "10.13.1-pr-snapshot-1741357986437",
   "description": "A UI component library made by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -23,11 +23,11 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-axe-check": "10.13.0",
-    "@instructure/ui-babel-preset": "10.13.0",
-    "@instructure/ui-buttons": "10.13.0",
-    "@instructure/ui-scripts": "10.13.0",
-    "@instructure/ui-test-utils": "10.13.0",
+    "@instructure/ui-axe-check": "10.13.1-pr-snapshot-1741357986437",
+    "@instructure/ui-babel-preset": "10.13.1-pr-snapshot-1741357986437",
+    "@instructure/ui-buttons": "10.13.1-pr-snapshot-1741357986437",
+    "@instructure/ui-scripts": "10.13.1-pr-snapshot-1741357986437",
+    "@instructure/ui-test-utils": "10.13.1-pr-snapshot-1741357986437",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^14.5.2",
@@ -35,20 +35,20 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.26.0",
-    "@instructure/emotion": "10.13.0",
-    "@instructure/shared-types": "10.13.0",
-    "@instructure/ui-calendar": "10.13.0",
-    "@instructure/ui-form-field": "10.13.0",
-    "@instructure/ui-i18n": "10.13.0",
-    "@instructure/ui-icons": "10.13.0",
-    "@instructure/ui-popover": "10.13.0",
-    "@instructure/ui-position": "10.13.0",
-    "@instructure/ui-prop-types": "10.13.0",
-    "@instructure/ui-react-utils": "10.13.0",
-    "@instructure/ui-selectable": "10.13.0",
-    "@instructure/ui-testable": "10.13.0",
-    "@instructure/ui-text-input": "10.13.0",
-    "@instructure/ui-utils": "10.13.0",
+    "@instructure/emotion": "10.13.1-pr-snapshot-1741357986437",
+    "@instructure/shared-types": "10.13.1-pr-snapshot-1741357986437",
+    "@instructure/ui-calendar": "10.13.1-pr-snapshot-1741357986437",
+    "@instructure/ui-form-field": "10.13.1-pr-snapshot-1741357986437",
+    "@instructure/ui-i18n": "10.13.1-pr-snapshot-1741357986437",
+    "@instructure/ui-icons": "10.13.1-pr-snapshot-1741357986437",
+    "@instructure/ui-popover": "10.13.1-pr-snapshot-1741357986437",
+    "@instructure/ui-position": "10.13.1-pr-snapshot-1741357986437",
+    "@instructure/ui-prop-types": "10.13.1-pr-snapshot-1741357986437",
+    "@instructure/ui-react-utils": "10.13.1-pr-snapshot-1741357986437",
+    "@instructure/ui-selectable": "10.13.1-pr-snapshot-1741357986437",
+    "@instructure/ui-testable": "10.13.1-pr-snapshot-1741357986437",
+    "@instructure/ui-text-input": "10.13.1-pr-snapshot-1741357986437",
+    "@instructure/ui-utils": "10.13.1-pr-snapshot-1741357986437",
     "moment-timezone": "^0.5.45",
     "prop-types": "^15.8.1"
   },