Jak skonfigurować Material-UI TimePicker w Redux Form

0

Witam, tak jak w tytule: mam taki kod:

const renderTimePicker = ({input, label, meta: { touched, error }, ...custom}) => {
    return (
        <TimePicker
            {...input}
            hintText={label}
            format="24hr"
            okLabel="OK"
            cancelLabel="Anuluj"
            onChange = {(event, time) => input.onChange(time)}
            {...custom} />
    );
};
<Field
                component={renderTimePicker}
                hintText="Czas spotkania"
                name="time"
                format={null}
                fullWidth={true} />

Jak ustawiam czas za pierwszym razem, to wszystko działa. Jak spróbuję go potem zmienić, to poprzedni czas jest jakby usuwany, TimePicker zamiast poprzedniego czasu pokazuje obecny czas, a w konsoli wyrzuca się ostrzeżenie Warning: Failed prop type: Invalid prop `value` of type `string` supplied to `TimePicker`, expected `object`.

0

Nie znam material ui ale masz dokładnie napisane o co kaman. Redux form pod propsem "input' posiada klucz value który jest stringiem. Ty robisz spread po input więc ten klucz tam wpada. A twój picker pod property "value" powinien byc obiektem. Czyli musisz zrobić coś w stylu: value={ {abc: 5 } } oczywiście obiekt taki jaki ten picker chce a nie abc.

0

Właściwie to rozwiazalem ten problem przez napisanie funkcji formatujacej wartosci i wrzucenie jej do propsa format. Po prostu mialem nadzieje, ze mozna to jakos prosciej zrobic.

1 użytkowników online, w tym zalogowanych: 0, gości: 1