Allow future dates to be entered in DatePicker

src/components/DatePicker/datepickerPropTypes.js

@@ -18,15 +18,11 @@ const propTypes = {
      * `onInputChange` would always be called with a Date (or null)
      */
     defaultValue: PropTypes.oneOfType([PropTypes.instanceOf(Date), PropTypes.string]),
-
-    /* Restricts for selectable max date range for the picker */
-    maximumDate: PropTypes.instanceOf(Date),
 };
 
 const defaultProps = {
     ...defaultFieldPropTypes,
     value: undefined,
-    maximumDate: undefined,
 };
 
 export {propTypes, defaultProps};

src/components/DatePicker/index.android.js

@@ -65,7 +65,6 @@ class DatePicker extends React.Component {
                         value={this.props.value || this.props.defaultValue ? moment(this.props.value || this.props.defaultValue).toDate() : new Date()}
                         mode="date"
                         onChange={this.setDate}
-                        maximumDate={this.props.maximumDate}
                     />
                 )}
             </>

src/components/DatePicker/index.ios.js

@@ -116,7 +116,6 @@ class DatePicker extends React.Component {
                         themeVariant="dark"
                         onChange={this.updateLocalDate}
                         locale={this.props.preferredLocale}
-                        maximumDate={this.props.maximumDate}
                     />
                 </Popover>
             </>

src/components/DatePicker/index.js

@@ -31,9 +31,6 @@ class DatePicker extends React.Component {
         // Adds nice native datepicker on web/desktop. Not possible to set this through props
         this.inputRef.setAttribute('type', 'date');
         this.inputRef.classList.add('expensify-datepicker');
-        if (this.props.maximumDate) {
-            this.inputRef.setAttribute('max', moment(this.props.maximumDate).format(CONST.DATE.MOMENT_FORMAT_STRING));
-        }
     }
 
     /**

src/pages/EnablePayments/AdditionalDetailsStep.js

@@ -354,7 +354,6 @@ class AdditionalDetailsStep extends React.Component {
                                 defaultValue={this.props.walletAdditionalDetailsDraft.dob || ''}
                                 placeholder={this.props.translate('common.dob')}
                                 errorText={this.getErrorText('dob') || this.getErrorText('age')}
-                                maximumDate={new Date()}
                             />
                             <TextInput
                                 containerStyles={[styles.mt4]}

src/pages/ReimbursementAccount/CompanyStep.js

@@ -218,7 +218,6 @@ class CompanyStep extends React.Component {
                             inputID="incorporationDate"
                             label={this.props.translate('companyStep.incorporationDate')}
                             placeholder={this.props.translate('companyStep.incorporationDatePlaceholder')}
-                            maximumDate={new Date()}
                             defaultValue={ReimbursementAccountUtils.getDefaultStateForField(this.props, 'incorporationDate')}
                             shouldSaveDraft
                         />

src/pages/ReimbursementAccount/IdentityForm.js

@@ -169,7 +169,6 @@ const IdentityForm = (props) => {
                 defaultValue={props.values.dob || props.defaultValues.dob}
                 onInputChange={value => props.onFieldChange({dob: value})}
                 errorText={dobErrorText}
-                maximumDate={new Date()}
             />
             <TextInput
                 inputID={props.inputKeys.ssnLast4}