From 68c1f28bb111e034ab68fa9634d6c76740f11bdc Mon Sep 17 00:00:00 2001
From: mgabdev <>
Date: Wed, 18 Sep 2019 21:24:38 -0400
Subject: [PATCH] Added portal version of date picker for mobile for schedule
 posts

---
 .../features/compose/components/schedule_post_dropdown.js      | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/app/javascript/gabsocial/features/compose/components/schedule_post_dropdown.js b/app/javascript/gabsocial/features/compose/components/schedule_post_dropdown.js
index fb021318..0ddde3d2 100644
--- a/app/javascript/gabsocial/features/compose/components/schedule_post_dropdown.js
+++ b/app/javascript/gabsocial/features/compose/components/schedule_post_dropdown.js
@@ -3,6 +3,7 @@ import PropTypes from 'prop-types';
 import { injectIntl, defineMessages } from 'react-intl';
 import DatePicker from 'react-datepicker';
 import IconButton from '../../../components/icon_button';
+import { isMobile } from '../../../is_mobile';
 
 import "react-datepicker/dist/react-datepicker.css";
 
@@ -49,6 +50,7 @@ class SchedulePostDropdown extends React.PureComponent {
     const { open } = this.state;
 
     const datePickerDisabled = !isPro;
+    const withPortal = isMobile(window.innerWidth);
 
     return (
       <div className='schedule-post-dropdown'>
@@ -79,6 +81,7 @@ class SchedulePostDropdown extends React.PureComponent {
             dateFormat="MMMM d, yyyy h:mm aa"
             disabled={datePickerDisabled}
             showTimeSelect
+            withPortal={withPortal}
           />
         }
       </div>