change luxon to date-fns

Author: danieloprado

API.md

@@ -73,7 +73,7 @@ All [material-ui-pickers](https://github.com/dmtrKovalenko/material-ui-pickers)
 | maxDate       | false    | Date           |                           |
 | disablePast   | false    | boolean        |                           |
 | disableFuture | false    | boolean        |                           |
-| format        | false    | string         | luxon string format       |
+| format        | false    | string         | date fns string format       |
 | locale        | false    | string         | use dateLocale as default |
 | onChange      | true     | Function(date) |                           |
 

components/Date.tsx

@@ -1,16 +1,19 @@
 import ChevronLeftIcon from '@material-ui/icons/ChevronLeft';
 import ChevronRightIcon from '@material-ui/icons/ChevronRight';
-import FieldCoreBase from '@react-form-fields/core/components/FieldCoreBase';
-import { DateTime } from 'luxon';
+import FieldCoreBase, { IPropsFieldBase } from '@react-form-fields/core/components/FieldCoreBase';
 import DatePicker from 'material-ui-pickers/DatePicker';
 import { DatePickerWrapperProps } from 'material-ui-pickers/DatePicker/DatePickerWrapper';
-import DateUtils from 'material-ui-pickers/utils/luxon-utils';
+import DateUtils from 'material-ui-pickers/utils/date-fns-utils';
 import MuiPickersUtilsProvider from 'material-ui-pickers/utils/MuiPickersUtilsProvider';
 import * as React from 'react';
 
 import { getConfig } from '../config';
 
-interface IProps extends DatePickerWrapperProps {
+type PropsResolver = {
+  [K in Exclude<keyof IPropsFieldBase, keyof DatePickerWrapperProps | 'mask'>]?: IPropsFieldBase[K]
+};
+
+interface IProps extends DatePickerWrapperProps, PropsResolver {
   value: Date;
   onChange: (value: Date) => void;
   minDate?: Date;
@@ -21,9 +24,7 @@ interface IProps extends DatePickerWrapperProps {
 }
 
 export default class FieldDate extends FieldCoreBase<IProps> {
-  onChange = (value: DateTime) => {
-    const date = value ? value.toJSDate() : null;
-
+  onChange = (date?: Date) => {
     getConfig().validationOn === 'onChange' && this.setState({ showError: true });
     this.props.onChange(date);
   }
@@ -49,7 +50,7 @@ export default class FieldDate extends FieldCoreBase<IProps> {
             cancelLabel={'Cancelar'}
             label={label}
             value={value || null}
-            format={format || 'D'}
+            format={format || getConfig().dateFormat}
             fullWidth={true}
             margin={'normal'}
             leftArrowIcon={<ChevronLeftIcon />}

components/Select.tsx

@@ -10,6 +10,7 @@ import { ITextFieldProps } from '../interfaces/props';
 
 interface IProps extends ITextFieldProps {
   options?: { value: string | number, label: string }[];
+  emptyOption?: boolean;
   loading?: boolean;
   onChange: (value: any) => void;
 }
@@ -28,7 +29,7 @@ export default class FieldSelect extends FieldCoreBase<IProps> {
   }
 
   render() {
-    const { value, options, children, loading } = this.props;
+    const { value, options, children, loading, emptyOption } = this.props;
 
     return (
       <React.Fragment>
@@ -58,9 +59,9 @@ export default class FieldSelect extends FieldCoreBase<IProps> {
             )
           }}
         >
-          <MenuItem value={''}>
-            Selecione...
-          </MenuItem>
+          {emptyOption &&
+            <MenuItem value={''}>Selecione...</MenuItem>
+          }
           {(options || []).map(option => (
             <MenuItem key={option.value} value={option.value}>
               {option.label}

config.ts

@@ -2,13 +2,15 @@ import * as coreConfig from '@react-form-fields/core/config';
 
 declare module '@react-form-fields/core/config' {
   interface IConfig {
-    dateLocale?: string;
+    dateLocale?: any;
+    dateFormat?: string;
     validationOn?: 'onChange' | 'onBlur' | 'onSubmit';
   }
 }
 
 const defaultConfig: coreConfig.IConfig = {
-  validationOn: 'onChange'
+  validationOn: 'onChange',
+  dateFormat: 'dd/MM/yyyy'
 }
 
 export function getConfig(): coreConfig.IConfig {

docs/project/package.json

@@ -6,7 +6,7 @@
   "dependencies": {
     "@material-ui/core": "^1.2.0",
     "@react-form-fields/core": "1.1.0",
-    "@react-form-fields/material-ui": "1.6.0",
+    "@react-form-fields/material-ui": "1.8.7",
     "mdi-react": "^3.4.0",
     "react": "^16.4.0",
     "react-dom": "^16.4.0",
@@ -23,6 +23,6 @@
     "@types/node": "^10.3.1",
     "@types/react": "^16.4.1",
     "@types/react-dom": "^16.0.6",
-    "typescript": "2.9"
+    "typescript": "3"
   }
 }