Topic: Date Picker endLabel issue

gauravjain-blueport free asked 3 years ago


*Expected behavior*When I add the api property endLabel to the date picker, it should show that label for the specified field.

*Actual behavior*If I have two date pickers in the same component, the endLabel of the second date picker shows for both fields.

Resources (screenshots, code snippets etc.)

<MDBRow>
                <MDBCol col="6">
                    <MDBDatePickerV5 id="serviceStart" inline getValue={(e)=> console.log(e)} value={null} emptyLabel="Service Start" />
                    <label for="258048c6a2674" className="black-text" style={{ fontSize: "11px" ,position: "absolute", top: "80px", left: "15px" }}>Resident can use their Wi-Fi password as of this date</label>
                </MDBCol>
                <MDBCol col="6">
                    <MDBDatePickerV5 id="serviceEnd" inline getValue={(e)=> console.log(e)} value={null} emptyLabel="Service End" />
                    <label className="black-text" style={{ fontSize: "11px" ,position: "absolute", top: "80px", left: "15px" }}>Service will deactivate on this date</label>
                </MDBCol>
            </MDBRow>

Piotr Glejzer staff commented 3 years ago

Thanks for the report. I added a task to fix it.



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Opened

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB React
  • MDB Version: 5.0.1
  • Device: Macbook
  • Browser: Chrome
  • OS: iOS
  • Provided sample code: No
  • Provided link: No