fix: funnel calendar position

frontend/app/components/Funnels/FunnelHeader/FunnelHeader.js

@@ -108,6 +108,7 @@ const FunnelHeader = (props) => {
             startDate={funnelFilters.startDate}
             endDate={funnelFilters.endDate}
             onDateChange={onDateChange}
+            customRangeRight
           />          
         </div>
       </div>

frontend/app/components/shared/DateRange.js

@@ -2,7 +2,7 @@ import { connect } from 'react-redux';
 import DateRangeDropdown from 'Shared/DateRangeDropdown';
 
 function DateRange (props) {
-  const { startDate, endDate, rangeValue, className, onDateChange } = props;
+  const { startDate, endDate, rangeValue, className, onDateChange, customRangeRight=false } = props;
   
   return (
     <DateRangeDropdown
@@ -12,6 +12,7 @@ function DateRange (props) {
       startDate={ startDate }
       endDate={ endDate }
       className={ className }
+      customRangeRight={customRangeRight}
     />
   );  
 }

frontend/app/components/shared/DateRangeDropdown/DateRangeDropdown.js

@@ -66,7 +66,7 @@ export default class DateRangeDropdown extends React.PureComponent {
   }
 
   render() {
-    const { button = false, className, direction = 'right', customHidden=false, show30Minutes=false } = this.props;
+    const { customRangeRight, button = false, className, direction = 'right', customHidden=false, show30Minutes=false } = this.props;
     const { showDateRangePopup, value, range } = this.state;
 
     let options = getDateRangeOptions(range);
@@ -108,7 +108,7 @@ export default class DateRangeDropdown extends React.PureComponent {
         </Dropdown>
         {
           showDateRangePopup &&
-          <div className={ styles.dateRangePopup }>
+          <div className={ cn(styles.dateRangePopup, { [styles.customRangeRight] : customRangeRight}) }>
             <DateRangePopup
               onApply={ this.onApplyDateRange }
               onCancel={ this.onCancelDateRange }

frontend/app/components/shared/DateRangeDropdown/dateRangeDropdown.css

@@ -62,4 +62,8 @@
 .dropdownIcon {
   margin-top: 1px;
   margin-left: 3px;
+}
+
+.customRangeRight {  
+  right: 0 !important;
 }