@instructure/ui-date-input 8.11.2-snapshot.56 → 8.11.2-snapshot.69

package/es/DateInput/index.js

@@ -118,11 +118,15 @@ let DateInput = (_dec = withStyle(generateStyle, null), _dec2 = testable(), _dec
   }
 
   componentDidMount() {
-    this.props.makeStyles();
+    var _this$props$makeStyle, _this$props3;
+
+    (_this$props$makeStyle = (_this$props3 = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props3);
   }
 
-  componentDidUpdate(prevProps, prevState, snapshot) {
-    this.props.makeStyles();
+  componentDidUpdate() {
+    var _this$props$makeStyle2, _this$props4;
+
+    (_this$props$makeStyle2 = (_this$props4 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props4);
   }
 
   get selectedDateId() {
@@ -143,9 +147,9 @@ let DateInput = (_dec = withStyle(generateStyle, null), _dec2 = testable(), _dec
   }
 
   renderMonthNavigationButton(type = 'prev') {
-    const _this$props3 = this.props,
-          renderPrevMonthButton = _this$props3.renderPrevMonthButton,
-          renderNextMonthButton = _this$props3.renderNextMonthButton;
+    const _this$props5 = this.props,
+          renderPrevMonthButton = _this$props5.renderPrevMonthButton,
+          renderNextMonthButton = _this$props5.renderNextMonthButton;
     const button = type === 'prev' ? renderPrevMonthButton : renderNextMonthButton;
     return button && safeCloneElement(callRenderProp(button), {
       tabIndex: -1
@@ -177,11 +181,11 @@ let DateInput = (_dec = withStyle(generateStyle, null), _dec2 = testable(), _dec
     getListProps,
     getOptionProps
   }) {
-    const _this$props4 = this.props,
-          onRequestRenderNextMonth = _this$props4.onRequestRenderNextMonth,
-          onRequestRenderPrevMonth = _this$props4.onRequestRenderPrevMonth,
-          renderNavigationLabel = _this$props4.renderNavigationLabel,
-          renderWeekdayLabels = _this$props4.renderWeekdayLabels;
+    const _this$props6 = this.props,
+          onRequestRenderNextMonth = _this$props6.onRequestRenderNextMonth,
+          onRequestRenderPrevMonth = _this$props6.onRequestRenderPrevMonth,
+          renderNavigationLabel = _this$props6.renderNavigationLabel,
+          renderWeekdayLabels = _this$props6.renderWeekdayLabels;
     return jsx(Calendar, getListProps({
       onRequestRenderNextMonth,
       onRequestRenderPrevMonth,
@@ -198,25 +202,25 @@ let DateInput = (_dec = withStyle(generateStyle, null), _dec2 = testable(), _dec
     getInputProps,
     getTriggerProps
   }) {
-    const _this$props5 = this.props,
-          renderLabel = _this$props5.renderLabel,
-          value = _this$props5.value,
-          placeholder = _this$props5.placeholder,
-          onBlur = _this$props5.onBlur,
-          isRequired = _this$props5.isRequired,
-          size = _this$props5.size,
-          isInline = _this$props5.isInline,
-          layout = _this$props5.layout,
-          width = _this$props5.width,
-          messages = _this$props5.messages,
-          onRequestValidateDate = _this$props5.onRequestValidateDate,
-          onRequestShowCalendar = _this$props5.onRequestShowCalendar,
-          onRequestHideCalendar = _this$props5.onRequestHideCalendar,
-          onRequestSelectNextDay = _this$props5.onRequestSelectNextDay,
-          onRequestSelectPrevDay = _this$props5.onRequestSelectPrevDay,
-          onRequestRenderNextMonth = _this$props5.onRequestRenderNextMonth,
-          onRequestRenderPrevMonth = _this$props5.onRequestRenderPrevMonth,
-          rest = _objectWithoutProperties(_this$props5, _excluded);
+    const _this$props7 = this.props,
+          renderLabel = _this$props7.renderLabel,
+          value = _this$props7.value,
+          placeholder = _this$props7.placeholder,
+          onBlur = _this$props7.onBlur,
+          isRequired = _this$props7.isRequired,
+          size = _this$props7.size,
+          isInline = _this$props7.isInline,
+          layout = _this$props7.layout,
+          width = _this$props7.width,
+          messages = _this$props7.messages,
+          onRequestValidateDate = _this$props7.onRequestValidateDate,
+          onRequestShowCalendar = _this$props7.onRequestShowCalendar,
+          onRequestHideCalendar = _this$props7.onRequestHideCalendar,
+          onRequestSelectNextDay = _this$props7.onRequestSelectNextDay,
+          onRequestSelectPrevDay = _this$props7.onRequestSelectPrevDay,
+          onRequestRenderNextMonth = _this$props7.onRequestRenderNextMonth,
+          onRequestRenderPrevMonth = _this$props7.onRequestRenderPrevMonth,
+          rest = _objectWithoutProperties(_this$props7, _excluded);
 
     const interaction = this.interaction;
 
@@ -247,11 +251,11 @@ let DateInput = (_dec = withStyle(generateStyle, null), _dec2 = testable(), _dec
   }
 
   render() {
-    const _this$props6 = this.props,
-          placement = _this$props6.placement,
-          isShowingCalendar = _this$props6.isShowingCalendar,
-          assistiveText = _this$props6.assistiveText,
-          styles = _this$props6.styles;
+    const _this$props8 = this.props,
+          placement = _this$props8.placement,
+          isShowingCalendar = _this$props8.isShowingCalendar,
+          assistiveText = _this$props8.assistiveText,
+          styles = _this$props8.styles;
     const selectedDateId = this.selectedDateId;
     return jsx(Selectable, {
       isShowingOptions: isShowingCalendar,
@@ -298,6 +302,7 @@ let DateInput = (_dec = withStyle(generateStyle, null), _dec2 = testable(), _dec
   isInline: false,
   layout: 'stacked',
   width: null,
+  display: 'inline-block',
   inputRef: el => {},
   placement: 'bottom center',
   isShowingCalendar: false,

package/es/DateInput/props.js

@@ -97,6 +97,11 @@ const propTypes = {
    */
   width: PropTypes.string,
 
+  /**
+   * Specifies the display property of the container.
+   */
+  display: PropTypes.oneOf(['inline-block', 'block']),
+
   /**
    * Provides a ref to the underlying input element.
    */
@@ -200,5 +205,5 @@ const propTypes = {
    */
   children: ChildrenPropTypes.oneOf([Calendar.Day])
 };
-const allowedProps = ['renderLabel', 'value', 'size', 'placeholder', 'onChange', 'onBlur', 'interaction', 'isRequired', 'isInline', 'assistiveText', 'layout', 'width', 'inputRef', 'messages', 'placement', 'isShowingCalendar', 'onRequestValidateDate', 'onRequestShowCalendar', 'onRequestHideCalendar', 'onRequestSelectNextDay', 'onRequestSelectPrevDay', 'onRequestRenderNextMonth', 'onRequestRenderPrevMonth', 'renderNavigationLabel', 'renderWeekdayLabels', 'renderNextMonthButton', 'renderPrevMonthButton', 'children'];
+const allowedProps = ['renderLabel', 'value', 'size', 'placeholder', 'onChange', 'onBlur', 'interaction', 'isRequired', 'isInline', 'assistiveText', 'layout', 'width', 'display', 'inputRef', 'messages', 'placement', 'isShowingCalendar', 'onRequestValidateDate', 'onRequestShowCalendar', 'onRequestHideCalendar', 'onRequestSelectNextDay', 'onRequestSelectPrevDay', 'onRequestRenderNextMonth', 'onRequestRenderPrevMonth', 'renderNavigationLabel', 'renderWeekdayLabels', 'renderNextMonthButton', 'renderPrevMonthButton', 'children'];
 export { propTypes, allowedProps };

package/es/DateInput/styles.js

@@ -32,11 +32,11 @@
  * @param  {Object} state the state of the component, the style is applied to
  * @return {Object} The final style object, which will be used in the component
  */
-const generateStyle = () => {
+const generateStyle = (_componentTheme, props) => {
   return {
     dateInput: {
       label: 'dateInput',
-      display: 'inline-block'
+      display: props.display
     },
     assistiveText: {
       label: 'dateInput__assistiveText',

package/lib/DateInput/index.js

@@ -120,11 +120,15 @@ let DateInput = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec2 =
   }
 
   componentDidMount() {
-    this.props.makeStyles();
+    var _this$props$makeStyle, _this$props3;
+
+    (_this$props$makeStyle = (_this$props3 = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props3);
   }
 
-  componentDidUpdate(prevProps, prevState, snapshot) {
-    this.props.makeStyles();
+  componentDidUpdate() {
+    var _this$props$makeStyle2, _this$props4;
+
+    (_this$props$makeStyle2 = (_this$props4 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props4);
   }
 
   get selectedDateId() {
@@ -147,9 +151,9 @@ let DateInput = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec2 =
   }
 
   renderMonthNavigationButton(type = 'prev') {
-    const _this$props3 = this.props,
-          renderPrevMonthButton = _this$props3.renderPrevMonthButton,
-          renderNextMonthButton = _this$props3.renderNextMonthButton;
+    const _this$props5 = this.props,
+          renderPrevMonthButton = _this$props5.renderPrevMonthButton,
+          renderNextMonthButton = _this$props5.renderNextMonthButton;
     const button = type === 'prev' ? renderPrevMonthButton : renderNextMonthButton;
     return button && (0, _safeCloneElement.safeCloneElement)((0, _callRenderProp.callRenderProp)(button), {
       tabIndex: -1
@@ -181,11 +185,11 @@ let DateInput = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec2 =
     getListProps,
     getOptionProps
   }) {
-    const _this$props4 = this.props,
-          onRequestRenderNextMonth = _this$props4.onRequestRenderNextMonth,
-          onRequestRenderPrevMonth = _this$props4.onRequestRenderPrevMonth,
-          renderNavigationLabel = _this$props4.renderNavigationLabel,
-          renderWeekdayLabels = _this$props4.renderWeekdayLabels;
+    const _this$props6 = this.props,
+          onRequestRenderNextMonth = _this$props6.onRequestRenderNextMonth,
+          onRequestRenderPrevMonth = _this$props6.onRequestRenderPrevMonth,
+          renderNavigationLabel = _this$props6.renderNavigationLabel,
+          renderWeekdayLabels = _this$props6.renderWeekdayLabels;
     return (0, _emotion.jsx)(_Calendar.Calendar, getListProps({
       onRequestRenderNextMonth,
       onRequestRenderPrevMonth,
@@ -202,25 +206,25 @@ let DateInput = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec2 =
     getInputProps,
     getTriggerProps
   }) {
-    const _this$props5 = this.props,
-          renderLabel = _this$props5.renderLabel,
-          value = _this$props5.value,
-          placeholder = _this$props5.placeholder,
-          onBlur = _this$props5.onBlur,
-          isRequired = _this$props5.isRequired,
-          size = _this$props5.size,
-          isInline = _this$props5.isInline,
-          layout = _this$props5.layout,
-          width = _this$props5.width,
-          messages = _this$props5.messages,
-          onRequestValidateDate = _this$props5.onRequestValidateDate,
-          onRequestShowCalendar = _this$props5.onRequestShowCalendar,
-          onRequestHideCalendar = _this$props5.onRequestHideCalendar,
-          onRequestSelectNextDay = _this$props5.onRequestSelectNextDay,
-          onRequestSelectPrevDay = _this$props5.onRequestSelectPrevDay,
-          onRequestRenderNextMonth = _this$props5.onRequestRenderNextMonth,
-          onRequestRenderPrevMonth = _this$props5.onRequestRenderPrevMonth,
-          rest = (0, _objectWithoutProperties2.default)(_this$props5, _excluded);
+    const _this$props7 = this.props,
+          renderLabel = _this$props7.renderLabel,
+          value = _this$props7.value,
+          placeholder = _this$props7.placeholder,
+          onBlur = _this$props7.onBlur,
+          isRequired = _this$props7.isRequired,
+          size = _this$props7.size,
+          isInline = _this$props7.isInline,
+          layout = _this$props7.layout,
+          width = _this$props7.width,
+          messages = _this$props7.messages,
+          onRequestValidateDate = _this$props7.onRequestValidateDate,
+          onRequestShowCalendar = _this$props7.onRequestShowCalendar,
+          onRequestHideCalendar = _this$props7.onRequestHideCalendar,
+          onRequestSelectNextDay = _this$props7.onRequestSelectNextDay,
+          onRequestSelectPrevDay = _this$props7.onRequestSelectPrevDay,
+          onRequestRenderNextMonth = _this$props7.onRequestRenderNextMonth,
+          onRequestRenderPrevMonth = _this$props7.onRequestRenderPrevMonth,
+          rest = (0, _objectWithoutProperties2.default)(_this$props7, _excluded);
     const interaction = this.interaction;
 
     const _getTriggerProps = getTriggerProps(),
@@ -250,11 +254,11 @@ let DateInput = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec2 =
   }
 
   render() {
-    const _this$props6 = this.props,
-          placement = _this$props6.placement,
-          isShowingCalendar = _this$props6.isShowingCalendar,
-          assistiveText = _this$props6.assistiveText,
-          styles = _this$props6.styles;
+    const _this$props8 = this.props,
+          placement = _this$props8.placement,
+          isShowingCalendar = _this$props8.isShowingCalendar,
+          assistiveText = _this$props8.assistiveText,
+          styles = _this$props8.styles;
     const selectedDateId = this.selectedDateId;
     return (0, _emotion.jsx)(_Selectable.Selectable, {
       isShowingOptions: isShowingCalendar,
@@ -301,6 +305,7 @@ let DateInput = (_dec = (0, _emotion.withStyle)(_styles.default, null), _dec2 =
   isInline: false,
   layout: 'stacked',
   width: null,
+  display: 'inline-block',
   inputRef: el => {},
   placement: 'bottom center',
   isShowingCalendar: false,

package/lib/DateInput/props.js

@@ -113,6 +113,11 @@ const propTypes = {
    */
   width: _propTypes.default.string,
 
+  /**
+   * Specifies the display property of the container.
+   */
+  display: _propTypes.default.oneOf(['inline-block', 'block']),
+
   /**
    * Provides a ref to the underlying input element.
    */
@@ -217,5 +222,5 @@ const propTypes = {
   children: _Children.Children.oneOf([_Calendar.Calendar.Day])
 };
 exports.propTypes = propTypes;
-const allowedProps = ['renderLabel', 'value', 'size', 'placeholder', 'onChange', 'onBlur', 'interaction', 'isRequired', 'isInline', 'assistiveText', 'layout', 'width', 'inputRef', 'messages', 'placement', 'isShowingCalendar', 'onRequestValidateDate', 'onRequestShowCalendar', 'onRequestHideCalendar', 'onRequestSelectNextDay', 'onRequestSelectPrevDay', 'onRequestRenderNextMonth', 'onRequestRenderPrevMonth', 'renderNavigationLabel', 'renderWeekdayLabels', 'renderNextMonthButton', 'renderPrevMonthButton', 'children'];
+const allowedProps = ['renderLabel', 'value', 'size', 'placeholder', 'onChange', 'onBlur', 'interaction', 'isRequired', 'isInline', 'assistiveText', 'layout', 'width', 'display', 'inputRef', 'messages', 'placement', 'isShowingCalendar', 'onRequestValidateDate', 'onRequestShowCalendar', 'onRequestHideCalendar', 'onRequestSelectNextDay', 'onRequestSelectPrevDay', 'onRequestRenderNextMonth', 'onRequestRenderPrevMonth', 'renderNavigationLabel', 'renderWeekdayLabels', 'renderNextMonthButton', 'renderPrevMonthButton', 'children'];
 exports.allowedProps = allowedProps;

package/lib/DateInput/styles.js

@@ -39,11 +39,11 @@ exports.default = void 0;
  * @param  {Object} state the state of the component, the style is applied to
  * @return {Object} The final style object, which will be used in the component
  */
-const generateStyle = () => {
+const generateStyle = (_componentTheme, props) => {
   return {
     dateInput: {
       label: 'dateInput',
-      display: 'inline-block'
+      display: props.display
     },
     assistiveText: {
       label: 'dateInput__assistiveText',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-date-input",
-  "version": "8.11.2-snapshot.56+e2b86f90a",
+  "version": "8.11.2-snapshot.69+10d1551b9",
   "description": "A UI component library made by Instructure Inc.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "type": "commonjs",
@@ -24,24 +24,24 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.11.2-snapshot.56+e2b86f90a",
-    "@instructure/ui-test-locator": "8.11.2-snapshot.56+e2b86f90a",
-    "@instructure/ui-test-utils": "8.11.2-snapshot.56+e2b86f90a"
+    "@instructure/ui-babel-preset": "8.11.2-snapshot.69+10d1551b9",
+    "@instructure/ui-test-locator": "8.11.2-snapshot.69+10d1551b9",
+    "@instructure/ui-test-utils": "8.11.2-snapshot.69+10d1551b9"
   },
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/emotion": "8.11.2-snapshot.56+e2b86f90a",
-    "@instructure/ui-calendar": "8.11.2-snapshot.56+e2b86f90a",
-    "@instructure/ui-form-field": "8.11.2-snapshot.56+e2b86f90a",
-    "@instructure/ui-icons": "8.11.2-snapshot.56+e2b86f90a",
-    "@instructure/ui-popover": "8.11.2-snapshot.56+e2b86f90a",
-    "@instructure/ui-position": "8.11.2-snapshot.56+e2b86f90a",
-    "@instructure/ui-prop-types": "8.11.2-snapshot.56+e2b86f90a",
-    "@instructure/ui-react-utils": "8.11.2-snapshot.56+e2b86f90a",
-    "@instructure/ui-selectable": "8.11.2-snapshot.56+e2b86f90a",
-    "@instructure/ui-testable": "8.11.2-snapshot.56+e2b86f90a",
-    "@instructure/ui-text-input": "8.11.2-snapshot.56+e2b86f90a",
-    "@instructure/ui-utils": "8.11.2-snapshot.56+e2b86f90a",
+    "@instructure/emotion": "8.11.2-snapshot.69+10d1551b9",
+    "@instructure/ui-calendar": "8.11.2-snapshot.69+10d1551b9",
+    "@instructure/ui-form-field": "8.11.2-snapshot.69+10d1551b9",
+    "@instructure/ui-icons": "8.11.2-snapshot.69+10d1551b9",
+    "@instructure/ui-popover": "8.11.2-snapshot.69+10d1551b9",
+    "@instructure/ui-position": "8.11.2-snapshot.69+10d1551b9",
+    "@instructure/ui-prop-types": "8.11.2-snapshot.69+10d1551b9",
+    "@instructure/ui-react-utils": "8.11.2-snapshot.69+10d1551b9",
+    "@instructure/ui-selectable": "8.11.2-snapshot.69+10d1551b9",
+    "@instructure/ui-testable": "8.11.2-snapshot.69+10d1551b9",
+    "@instructure/ui-text-input": "8.11.2-snapshot.69+10d1551b9",
+    "@instructure/ui-utils": "8.11.2-snapshot.69+10d1551b9",
     "prop-types": "^15"
   },
   "peerDependencies": {
@@ -51,5 +51,5 @@
     "access": "public"
   },
   "sideEffects": false,
-  "gitHead": "e2b86f90a144bfdba837a1831bbe136210e1c1bf"
+  "gitHead": "10d1551b961c568d88c9c5f3393815f637662995"
 }

package/src/DateInput/index.tsx

@@ -73,6 +73,7 @@ class DateInput extends Component<DateInputProps> {
     isInline: false,
     layout: 'stacked',
     width: null,
+    display: 'inline-block',
     // @ts-expect-error ts-migrate(6133) FIXME: 'el' is declared but its value is never read.
     inputRef: (el) => {},
     placement: 'bottom center',
@@ -98,14 +99,11 @@ class DateInput extends Component<DateInputProps> {
   }
 
   componentDidMount() {
-    // @ts-expect-error ts-migrate(2722) FIXME: Cannot invoke an object which is possibly 'undefin... Remove this comment to see the full error message
-    this.props.makeStyles()
+    this.props.makeStyles?.()
   }
 
-  // @ts-expect-error ts-migrate(6133) FIXME: 'prevProps' is declared but its value is never rea... Remove this comment to see the full error message
-  componentDidUpdate(prevProps, prevState, snapshot) {
-    // @ts-expect-error ts-migrate(2722) FIXME: Cannot invoke an object which is possibly 'undefin... Remove this comment to see the full error message
-    this.props.makeStyles()
+  componentDidUpdate() {
+    this.props.makeStyles?.()
   }
 
   state = {

package/src/DateInput/props.ts

@@ -54,6 +54,7 @@ type DateInputOwnProps = {
   assistiveText?: string
   layout?: 'stacked' | 'inline'
   width?: string
+  display?: 'inline-block' | 'block'
   inputRef?: (...args: any[]) => any
   messages?: FormMessage[]
   placement?: PlacementPropValues
@@ -141,6 +142,10 @@ const propTypes: PropValidators<PropKeys> = {
    * Specifies the width of the input.
    */
   width: PropTypes.string,
+  /**
+   * Specifies the display property of the container.
+   */
+  display: PropTypes.oneOf(['inline-block', 'block']),
   /**
    * Provides a ref to the underlying input element.
    */
@@ -245,6 +250,7 @@ const allowedProps: AllowedPropKeys = [
   'assistiveText',
   'layout',
   'width',
+  'display',
   'inputRef',
   'messages',
   'placement',

package/src/DateInput/styles.ts

@@ -22,7 +22,7 @@
  * SOFTWARE.
  */
 
-import type { DateInputStyle } from './props'
+import type { DateInputProps, DateInputStyle } from './props'
 
 /**
  * ---
@@ -34,11 +34,14 @@ import type { DateInputStyle } from './props'
  * @param  {Object} state the state of the component, the style is applied to
  * @return {Object} The final style object, which will be used in the component
  */
-const generateStyle = (): DateInputStyle => {
+const generateStyle = (
+  _componentTheme: null,
+  props: DateInputProps
+): DateInputStyle => {
   return {
     dateInput: {
       label: 'dateInput',
-      display: 'inline-block'
+      display: props.display
     },
     assistiveText: {
       label: 'dateInput__assistiveText',

package/types/DateInput/index.d.ts

@@ -23,6 +23,7 @@ declare class DateInput extends Component<DateInputProps> {
         assistiveText?: string | undefined;
         layout?: "stacked" | "inline" | undefined;
         width?: string | undefined;
+        display?: "inline-block" | "block" | undefined;
         inputRef?: ((...args: any[]) => any) | undefined;
         messages?: import("@instructure/ui-form-field").FormMessage[] | undefined;
         placement?: import("@instructure/ui-position").PlacementPropValues | undefined;
@@ -53,6 +54,7 @@ declare class DateInput extends Component<DateInputProps> {
         assistiveText?: string | undefined;
         layout?: "stacked" | "inline" | undefined;
         width?: string | undefined;
+        display?: "inline-block" | "block" | undefined;
         inputRef?: ((...args: any[]) => any) | undefined;
         messages?: import("@instructure/ui-form-field").FormMessage[] | undefined;
         placement?: import("@instructure/ui-position").PlacementPropValues | undefined;
@@ -80,6 +82,7 @@ declare class DateInput extends Component<DateInputProps> {
         isInline: boolean;
         layout: string;
         width: null;
+        display: string;
         inputRef: (el: any) => void;
         placement: string;
         isShowingCalendar: boolean;
@@ -96,7 +99,7 @@ declare class DateInput extends Component<DateInputProps> {
         children: null;
     };
     componentDidMount(): void;
-    componentDidUpdate(prevProps: any, prevState: any, snapshot: any): void;
+    componentDidUpdate(): void;
     state: {
         hasInputRef: boolean;
     };

package/types/DateInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/DateInput/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAY,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAgBzD,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAKrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7C;;;;GAIG;AACH,cAEM,SAAU,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC/C,MAAM,CAAC,QAAQ,CAAC,WAAW,eAAc;IAEzC,MAAM,CAAC,GAAG,uEAAe;IAEzB,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;MAmClB;IAED,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,KAAK;;MAEJ;IAED,MAAM,YAAY;IAElB,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAE9B;IAED,IAAI,cAAc,cAUjB;IAED,IAAI,WAAW,0DAEd;IAGD,YAAY,qBAIX;IAGD,cAAc,oBAab;IAGD,iBAAiB,mCAKhB;IAGD,kBAAkB,uBAQjB;IAGD,kBAAkB,uBAMjB;IAED,qBAAqB,UACZ,KAAK;;eAQb;IAED,2BAA2B,CAAC,IAAI,SAAS;;;IAQzC,UAAU,CAAC,EAAE,cAAc,EAAE;;KAAA;IAuB7B,cAAc,CAAC,EAAE,YAAY,EAAE,cAAc,EAAE;;;KAAA;IAyB/C,WAAW,CAAC,EAAE,aAAa,EAAE,eAAe,EAAE;;;KAAA;IAsD9C,MAAM;CA0CP;AAED,eAAe,SAAS,CAAA;AACxB,OAAO,EAAE,SAAS,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/DateInput/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAY,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAgBzD,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAKrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7C;;;;GAIG;AACH,cAEM,SAAU,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC/C,MAAM,CAAC,QAAQ,CAAC,WAAW,eAAc;IAEzC,MAAM,CAAC,GAAG,uEAAe;IAEzB,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;MAoClB;IAED,iBAAiB;IAIjB,kBAAkB;IAIlB,KAAK;;MAEJ;IAED,MAAM,YAAY;IAElB,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAE9B;IAED,IAAI,cAAc,cAUjB;IAED,IAAI,WAAW,0DAEd;IAGD,YAAY,qBAIX;IAGD,cAAc,oBAab;IAGD,iBAAiB,mCAKhB;IAGD,kBAAkB,uBAQjB;IAGD,kBAAkB,uBAMjB;IAED,qBAAqB,UACZ,KAAK;;eAQb;IAED,2BAA2B,CAAC,IAAI,SAAS;;;IAQzC,UAAU,CAAC,EAAE,cAAc,EAAE;;KAAA;IAuB7B,cAAc,CAAC,EAAE,YAAY,EAAE,cAAc,EAAE;;;KAAA;IAyB/C,WAAW,CAAC,EAAE,aAAa,EAAE,eAAe,EAAE;;;KAAA;IAsD9C,MAAM;CA0CP;AAED,eAAe,SAAS,CAAA;AACxB,OAAO,EAAE,SAAS,EAAE,CAAA"}

package/types/DateInput/props.d.ts

@@ -16,6 +16,7 @@ declare type DateInputOwnProps = {
     assistiveText?: string;
     layout?: 'stacked' | 'inline';
     width?: string;
+    display?: 'inline-block' | 'block';
     inputRef?: (...args: any[]) => any;
     messages?: FormMessage[];
     placement?: PlacementPropValues;

package/types/DateInput/props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/DateInput/props.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/DateInput/props.ts"],"names":[],"mappings":"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"}

package/types/DateInput/styles.d.ts

@@ -1,4 +1,4 @@
-import type { DateInputStyle } from './props';
+import type { DateInputProps, DateInputStyle } from './props';
 /**
  * ---
  * private: true
@@ -9,6 +9,6 @@ import type { DateInputStyle } from './props';
  * @param  {Object} state the state of the component, the style is applied to
  * @return {Object} The final style object, which will be used in the component
  */
-declare const generateStyle: () => DateInputStyle;
+declare const generateStyle: (_componentTheme: null, props: DateInputProps) => DateInputStyle;
 export default generateStyle;
 //# sourceMappingURL=styles.d.ts.map

package/types/DateInput/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/DateInput/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7C;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,QAAO,cAWzB,CAAA;AAED,eAAe,aAAa,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/DateInput/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7D;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,oBACA,IAAI,SACd,cAAc,KACpB,cAWF,CAAA;AAED,eAAe,aAAa,CAAA"}