React Day Picker calendar overlay event appears behind other components.

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}
/>
+4
source share
1 answer

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

+5
source

Source: https://habr.com/ru/post/1680251/


All Articles