Merge pull request #1182 from sharetribe/fix-fieldbirthdayinput

Fix FieldBirthdayInput: valueFromForm prop didn't work anymore

CHANGELOG.md

@@ -14,6 +14,8 @@ way to update this template, but currently, we follow a pattern:
 
 ## Upcoming version 2019-XX-XX
 
+- [fix] Bug fix: valueFromForm prop wasn't passed through different subcomponents.
+  [#1182](https://github.com/sharetribe/flex-template-web/pull/1182)
 - [add] Update German and French translations.
   [#1184](https://github.com/sharetribe/flex-template-web/pull/1184)
 - [change] Migrate from `react-helmet` to `react-helmet-async`

src/components/FieldBirthdayInput/FieldBirthdayInput.example.js

@@ -28,7 +28,7 @@ const FormComponent = props => (
             name="birthday"
             label="Date of birth"
             format={identity}
-            valueFromForm={values.birthDate}
+            valueFromForm={values.birthday}
             validate={validators.composeValidators(required, minAgeRequired)}
           />
         </form>
@@ -52,3 +52,20 @@ export const Empty = {
   },
   group: 'custom inputs',
 };
+
+export const WithInitialValue = {
+  component: FormComponent,
+  props: {
+    initialValues: { birthday: new Date('1982-03-01') },
+    onChange: formState => {
+      const birthday = formState.values.birthday;
+      if (birthday && formState.dirty) {
+        console.log('birthday changed to:', birthday);
+      }
+    },
+    onSubmit: values => {
+      console.log('BirthdayInput.Form submitted values:', values);
+    },
+  },
+  group: 'custom inputs',
+};

src/components/FieldBirthdayInput/FieldBirthdayInput.js

@@ -259,6 +259,7 @@ const FieldBirthdayInputComponent = props => {
     disabled,
     input,
     meta,
+    valueFromForm,
   } = props;
   const { valid, invalid, touched, error } = meta;
 
@@ -287,6 +288,7 @@ const FieldBirthdayInputComponent = props => {
     monthLabel,
     yearLabel,
     disabled,
+    valueFromForm,
     ...input,
   };
   const classes = classNames(rootClassName || css.fieldRoot, className);