[DatePicker] Datepicker not opening with floatingLabelText set

[FragginWagon]

Problem Description

DatePicker with floatingLabelText does not allow me to open the datepicker when clicking where the floatingLabelText is located.

Code I am using right now for the DatePicker:

<DatePicker
                                    name="DP_Text"
                                    floatingLabelText="DP_Text Start Date"
                                    mode="landscape"
                                    container="dialog"
                                    autoOk={true}
                                    value={DP_Value}
                                    errorText={this.state.Errors}
                                    disabled={this.props.Other_DP_VALUE == null}
                                    onChange={(noevent, date) => this.func_call({variable: date}) }/>

Versions

Material-UI: 0.14.4
React: 0.14.7
Browser: Chrome

[FragginWagon]

I was looking into this and it appears the label that is generated using floatingLabelText has a z-index of 1. If I change it to 0 it works as intended. Also, are you able to make floatingLabelText an official documented prop on the doc site please :)

[mbrookes]

@BinaryWasteland - please submit a PR for these changes. (property docs are taken from the code comment above the relevant prop.)

[nMustaki]

Another way to fix this is to disable pointerEvents (from #4218 )

floatingLabelStyle={{pointerEvents: 'none'}}

[mbrookes]

@nMustaki #4248