React Day Picker calendar overlay event appears behind other components.

Question

How to create a calendar overlay popup for the reactive daily selection input field up on top of other form components? The calendar is hidden by other components of the form. Is there some kind of z-index that I can set somewhere?

<DayPicker.Input
    name={this.id}
    placeholder="MM/DD/YYYY"
    format="M/D/YYYY"
    value={this.value}
    onDayChange={this.handleDayChange.bind(this)}
    dayPickerProps={datePickerProps}
/>

Answer 1

An overlay has a class DayPickerInput-Overlaythat is absolutely positioned: you can add z-indexto this to overlay other elements on top.