Sathiya Narayanan
Sathiya Narayanan

Reputation: 641

Ag Grid - React- Datepicker as cell editor not working

I am trying to implement datepicker as cellEditor in AgGridReact. I tried following the below link : https://www.ag-grid.com/javascript-grid-cell-editing/#example-datepicker-cell-editing. But I am seeing an error when I copy the sample cell editor datepicker (using jQuery UI datepicker), the error message is "$" is not defined. I don't see any other sample code related to this. Any help would be much appreciated. Thanks in advance

Update: The below question is related to Angular and I am using react as I have mentioned in my question. So, the questions are not related and the answers are not relevant How to adjust datepicker view inside ag grid cell render template?

Upvotes: 0

Views: 2344

Answers (1)

Ritesh Gondudey
Ritesh Gondudey

Reputation: 11

you have to install Jquery, jquery-ui and jquery-ui-dist

  1. npm i jquery
  2. npm i jquery-ui
  3. npm i jquery-ui-dist

and import

  1. import $ from 'jquery';
  2. import 'jquery-ui/ui/widgets/datepicker';
  3. impoer 'jquery-ui-dist/jqueru-ui.css';

then it will work .......

Upvotes: 1

Related Questions