Prop "format" for TimePicker component interfere with Field components prop

[aludvigsen]

To set the format for the TimePicker we use the format prop like this
<TimePicker format="24hr" />

How to set prop format when using the Field component?

<Field name="some_name" component={TimePicker} format="24hr" />
This is not working because the Field component already has a prop called format.

[jamieparkinson]

Not an ideal solution, but you can introduce a new prop (let's say timeFormat) that gets converted to format in mapProps:

createComponent(
  TimePicker,
  ({
    input: {
      onBlur, // eslint-disable-line no-unused-vars
      onChange,
      ...inputProps
    },
    timeFormat,
    ...props
  }) => ({
    ...inputProps,
    ...mapError(props),
    format: timeFormat,
    onChange: (event, value) => onChange(value),
    value: inputProps.value !== '' ? inputProps.value : null
  })
)

Where I have also added the last line as per #37

So now you can write:

<Field name="some_name"
       component={TimePicker}
       timeFormat="24hr" />

[itditp]

any news on this?

[tikitikipoo]

below code works fine

              <Field
                name="at"
                component={TimePicker}
                format={null}
                props={{format: "24hr"}}
              />

[mihirsoni]

Thanks @tikitikipoo For the help :) Closing this feel free to open if still facing an issue.