From 7b5ed015f93218b3f2f830523dcc986d144a9a73 Mon Sep 17 00:00:00 2001
From: Fabio Aiello <fabio.aiello@appfolio.com>
Date: Tue, 4 Nov 2025 16:37:48 -0800
Subject: [PATCH 1/5] fix: allow passing of reactstrap container prop

---
 src/components/Input/DateInput.js | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/Input/DateInput.js b/src/components/Input/DateInput.js
index 43a3e3732..597b06351 100644
--- a/src/components/Input/DateInput.js
+++ b/src/components/Input/DateInput.js
@@ -79,6 +79,7 @@ export default class DateInput extends React.Component {
     showOnFocus: PropTypes.bool,
     state: PropTypes.any,
     value: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
+    container: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
   };
 
   static defaultProps = {
@@ -309,6 +310,7 @@ export default class DateInput extends React.Component {
       positionFixed,
       value,
       state,
+      container,
       ...props
     } = this.props;
     /* eslint-enable @typescript-eslint/no-unused-vars */
@@ -353,7 +355,12 @@ export default class DateInput extends React.Component {
               </Button>
             </InputGroup>
           </DropdownToggle>
-          <DropdownMenu className="p-0" onKeyDown={this.onKeyDown} {...dropdownProps}>
+          <DropdownMenu
+            className="p-0"
+            onKeyDown={this.onKeyDown}
+            container={container}
+            {...dropdownProps}
+          >
             {renderHeader(this.prevMonth, this.nextMonth, this.prevYear, this.nextYear) || header || (
               <header className="d-flex py-2">
                 <ButtonGroup size="sm">

From 19dbda3a730c80e16d28489ed4d90585293fd118 Mon Sep 17 00:00:00 2001
From: Fabio Aiello <fabio.aiello@appfolio.com>
Date: Tue, 4 Nov 2025 17:23:50 -0800
Subject: [PATCH 2/5] fix: add story

---
 src/components/Input/DateInput.stories.js | 32 +++++++++++++++++++++++
 1 file changed, 32 insertions(+)

diff --git a/src/components/Input/DateInput.stories.js b/src/components/Input/DateInput.stories.js
index 0819fe2c3..0f18318ed 100644
--- a/src/components/Input/DateInput.stories.js
+++ b/src/components/Input/DateInput.stories.js
@@ -30,6 +30,7 @@ WithProps.args = {
   onChange: action('onChange'),
   onClose: action('onClose'),
   positionFixed: false,
+  container: undefined,
 };
 
 export const WithId = (args) => (
@@ -163,3 +164,34 @@ export const CalendarCustomDay = (args) => (
     />
   </div>
 );
+
+export const WithContainer = (args) => (
+  <div>
+    <p>
+      The container prop allows you to specify where the dropdown menu is rendered. Use
+      &apos;body&apos; to avoid z-index issues or provide a custom container element.
+    </p>
+    <div
+      id="constrained-container"
+      style={{
+        position: 'relative',
+        overflow: 'hidden',
+        height: '320px',
+        border: '1px solid #ccc',
+        padding: '10px',
+      }}
+    >
+      <p>This container has overflow: hidden and limited height</p>
+      <DateInput container="body" placeholder="Container = body" {...args} />
+      <br />
+      <br />
+      <DateInput container="#constrained-container" placeholder="Container = this div" {...args} />
+      <br />
+      <br />
+      <DateInput placeholder="Default positioning (may be clipped)" {...args} />
+    </div>
+  </div>
+);
+WithContainer.args = {
+  onChange: action('onChange'),
+};

From dc3fd1fc9170c29ed191b6977eb70af670032c5b Mon Sep 17 00:00:00 2001
From: Fabio Aiello <fabio.aiello@appfolio.com>
Date: Wed, 5 Nov 2025 10:02:31 -0800
Subject: [PATCH 3/5] fix: adjust div height

---
 src/components/Input/DateInput.stories.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Input/DateInput.stories.js b/src/components/Input/DateInput.stories.js
index 0f18318ed..cd8e7ca96 100644
--- a/src/components/Input/DateInput.stories.js
+++ b/src/components/Input/DateInput.stories.js
@@ -176,7 +176,7 @@ export const WithContainer = (args) => (
       style={{
         position: 'relative',
         overflow: 'hidden',
-        height: '320px',
+        height: '310px',
         border: '1px solid #ccc',
         padding: '10px',
       }}

From ace4895b817dbf0a13458902bdd8c55356123349 Mon Sep 17 00:00:00 2001
From: Fabio Aiello <fabio.aiello@appfolio.com>
Date: Wed, 5 Nov 2025 10:22:33 -0800
Subject: [PATCH 4/5] fix: add codeartifact

---
 src/components/Input/DateInput.stories.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Input/DateInput.stories.js b/src/components/Input/DateInput.stories.js
index cd8e7ca96..ca9e3be62 100644
--- a/src/components/Input/DateInput.stories.js
+++ b/src/components/Input/DateInput.stories.js
@@ -176,7 +176,7 @@ export const WithContainer = (args) => (
       style={{
         position: 'relative',
         overflow: 'hidden',
-        height: '310px',
+        height: '315px',
         border: '1px solid #ccc',
         padding: '10px',
       }}

From 06dcca8be4663ef8eea763a743924ff3d8248094 Mon Sep 17 00:00:00 2001
From: Fabio Aiello <fabio.aiello@appfolio.com>
Date: Wed, 5 Nov 2025 10:36:46 -0800
Subject: [PATCH 5/5] fix: reinstall

---
 src/components/Input/DateInput.stories.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Input/DateInput.stories.js b/src/components/Input/DateInput.stories.js
index ca9e3be62..cd8e7ca96 100644
--- a/src/components/Input/DateInput.stories.js
+++ b/src/components/Input/DateInput.stories.js
@@ -176,7 +176,7 @@ export const WithContainer = (args) => (
       style={{
         position: 'relative',
         overflow: 'hidden',
-        height: '315px',
+        height: '310px',
         border: '1px solid #ccc',
         padding: '10px',
       }}