CODEWITHSUNDEEP
ag-gridag-grid-reactreact-datepicker
Martina Carter
Martina Carter

Reputation: 419

Using react-datepicker with agGrid

Im trying to incorporate react-date picker with ag-grid ag-grid provides documentation on using custom date picker but with using flatpickr was wondering if anyone has successfully attempted to use react-datepicker with ag-grid and if so, could provide and example?

Ag Grid example: https://www.ag-grid.com/javascript-grid/component-date/

Upvotes: 4

Views: 4274

Answers (1)

Shuheb
Shuheb

Reputation: 2352

The react-datepicker is a bit more tricky to work with but I have a solution that works:

The portalId is key here, it allows us to append the popup to the root which allows the popup to be visible inside the filter menu:

<DatePicker
          portalId="root"
          popperClassName="ag-custom-component-popup"
          selected={this.state.date}
          onChange={this.onChange.bind(this)}
        />

Please see this example

Upvotes: 6

Related Questions