Implement datepicker and autocompletion to work with full-row edit in Angular 14 AG Grid Cell

Job ID: 34983507

Budget: $30 – $250 CAD

I have an Angular application using full-row AG Grid editing. The full-row editing works as shown in this article:
https://blog.ag-grid.com/full-row-editing-ag-grid-committing-changes-button-click/

NOTE:
By full-row edit we mean the whole row will not be saved until the user clicks on the “Update” button in the above example.

I would like you to develop a sample Angular AG Grid implementation where the following two things work with full-row edit:

1. A datepicker in an ag-grid cell.
2. A typeahead autocompletion in an ag-grid cell.

Examples of date pickers:

Most date components such as this https://www.ag-grid.com/angular-data-grid/component-date/ OR this https://ng-bootstrap.github.io/#/components/datepicker/overview are popups, and popups clash with AG Grid’s full row edit type.

Example of autocompletion:

The following auto-completer https://github.com/avallete/ag-grid-autocomplete-editor has a great typeahead but does not work with full-row edit.

Quick question for freelancer ->
What problem do i seek to solve in this task?

Answer me question otherwise bid will not be considered
Related categories: JavaScript HTML5 Typescript Angular Material Angular