MDBTimePicker in map

marrielle.aboujaoude commented 5 years ago

Kindly check the following sample

import React from "react"; import { MDBRow, MDBCol, MDBIcon, MDBTimePicker } from "mdbreact";

class dummySample extends React.Component { constructor() { super(); this.state = { hour: "1", } this.getPickerValueTo = this.getPickerValueTo.bind(this) }

getPickerValueTo = (value) => {
    this.setState({ hour: value });
}

RemoveRow() {
    this.setState({ hour: "12" });
}


render() {

    return (
        <React.Fragment>
            <MDBRow>
                <MDBCol md="1">
                    {this.state.hour}
                </MDBCol>
                <MDBCol md="1">
                    <MDBTimePicker
                        id="totime"
                        name="totime"
                        label="To time"
                        closeOnCancel
                        cancelable
                        hours={this.state.hour}
                        minutes="0"
                        hoursFormat={24}
                        value={this.state.hour}
                        autoSwitch={false}
                        getValue={value => this.getPickerValueTo(value)}
                    />
                </MDBCol>
                <MDBCol md="1">
                    <div onClick={() => this.RemoveRow()}><MDBIcon icon="edit" /></div>
                </MDBCol>

            </MDBRow>

        </React.Fragment >
    );
}

}

export default dummySample

marrielle.aboujaoude commented 5 years ago

Thank you because it's a huge bug on my portal and if i want to change it i will need to change all the timepicker

Jakub Chmura staff premium commented 5 years ago

@marrielle.aboujaoude,

We work on the solution right now, if everything goes fine we publish fix in the next release.

Best regards,

Kuba