code · pull · Aug 18, 2026 · Aug 18, 2026 · Aug 18, 2026 · Aug 18, 2026
diff --git a/.env b/.env
@@ -1,5 +1,5 @@
 # Production Build
-BUILD_GRID_VERSION=36.1.0-beta.20260818.1041
+BUILD_GRID_VERSION=36.1.0-beta.20260818.1531
 BUILD_CHARTS_VERSION=14.1.0-beta.20260816
 ENV=local
 NX_BATCH_MODE=true

diff --git a/community-modules/locale/package.json b/community-modules/locale/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ag-grid-community/locale",
-  "version": "36.1.0-beta.20260818.1041",
+  "version": "36.1.0-beta.20260818.1531",
   "description": "Localisation Module for AG Grid, providing translations in 31 languages.",
   "main": "./dist/package/main.cjs.js",
   "types": "./dist/types/src/main.d.ts",

diff --git a/community-modules/styles/package.json b/community-modules/styles/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ag-grid-community/styles",
-  "version": "36.1.0-beta.20260818.1041",
+  "version": "36.1.0-beta.20260818.1531",
   "description": "AG Grid Styles and Themes",
   "main": "_index.scss",
   "files": [

diff --git a/community-modules/styles/src/internal/themes/quartz/_index.scss b/community-modules/styles/src/internal/themes/quartz/_index.scss
@@ -628,11 +628,7 @@
         opacity: 0.35;
     }
 
-    .ag-column-select-header-filter-wrapper,
-    .ag-filter-toolpanel-search,
-    .ag-mini-filter,
-    .ag-filter-filter,
-    .ag-filter-add-select {
+    .ag-input-field-search {
         .ag-input-wrapper::before {
             position: absolute;
             display: block;
@@ -699,10 +695,7 @@
 }
 
 .ag-theme-quartz-dark {
-    .ag-column-select-header-filter-wrapper,
-    .ag-filter-toolpanel-search,
-    .ag-mini-filter,
-    .ag-filter-filter {
+    .ag-input-field-search {
         .ag-input-wrapper::before {
             opacity: 66%;
             filter: invert(100%);

diff --git a/documentation/ag-grid-docs/package.json b/documentation/ag-grid-docs/package.json
@@ -2,7 +2,7 @@
   "name": "ag-grid-docs",
   "description": "Documentation for AG Grid",
   "type": "module",
-  "version": "36.1.0-beta.20260818.1041",
+  "version": "36.1.0-beta.20260818.1531",
   "repository": {
     "type": "git",
     "url": "https://github.com/ag-grid/ag-grid.git"
@@ -59,11 +59,11 @@
     "ag-charts-types": "14.1.0-beta.20260816",
     "ag-charts-react": "14.1.0-beta.20260816",
     "ag-charts-vue3": "14.1.0-beta.20260816",
-    "ag-grid-angular": "36.1.0-beta.20260818.1041",
-    "ag-grid-community": "36.1.0-beta.20260818.1041",
-    "ag-grid-enterprise": "36.1.0-beta.20260818.1041",
-    "ag-grid-react": "36.1.0-beta.20260818.1041",
-    "ag-grid-vue3": "36.1.0-beta.20260818.1041",
+    "ag-grid-angular": "36.1.0-beta.20260818.1531",
+    "ag-grid-community": "36.1.0-beta.20260818.1531",
+    "ag-grid-enterprise": "36.1.0-beta.20260818.1531",
+    "ag-grid-react": "36.1.0-beta.20260818.1531",
+    "ag-grid-vue3": "36.1.0-beta.20260818.1531",
     "algoliasearch": "^5.51.0",
     "astro": "6.1.9",
     "cheerio": "^1.0.0",

diff --git a/...n/ag-grid-docs/src/components/example-runner/framework-templates/JavascriptTemplate.astro b/...n/ag-grid-docs/src/components/example-runner/framework-templates/JavascriptTemplate.astro
@@ -50,6 +50,7 @@ import {
     getChartsEnterpriseScriptPath,
     getGridLocaleScriptPath,
 } from '@utils/gridLibraryPaths';
+import { ExampleRunnerClient } from './lib/ExampleRunnerClient';
 import { SeedRandom } from './lib/SeedRandom';
 
 const siteUrl = Astro.site ? pathJoin(Astro.site, SITE_BASE_URL) : '/';
@@ -87,7 +88,14 @@ const gridScriptLocalePath = getCacheBustingUrl(getGridLocaleScriptPath(siteUrl)
         >
             window.__basePath = appLocation;
         </script>
-        {usesMathRandom && <SeedRandom nonce={nonce} />}
+        {
+            usesMathRandom && (
+                <>
+                    <ExampleRunnerClient nonce={nonce} />
+                    <SeedRandom nonce={nonce} />
+                </>
+            )
+        }
         {isIntegratedCharts && <script nonce={nonce} src={chartsScriptEnterprisePath} crossorigin="anonymous" />}
         <script nonce={nonce} src={isEnterprise ? gridScriptEnterprisePath : gridScriptPath} crossorigin="anonymous"
         ></script>

diff --git a/documentation/update-algolia-indices/package.json b/documentation/update-algolia-indices/package.json
@@ -1,6 +1,6 @@
 {
   "name": "update-algolia-indices",
-  "version": "36.1.0-beta.20260818.1041",
+  "version": "36.1.0-beta.20260818.1531",
   "description": "Update algolia indices",
   "main": "src/index.ts",
   "type": "module",

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ag-grid",
-  "version": "36.1.0-beta.20260818.1041",
+  "version": "36.1.0-beta.20260818.1531",
   "license": "MIT",
   "scripts": {
     "compressVideo": "tsx external/ag-website-shared/scripts/compress-video",

diff --git a/packages/ag-grid-angular/package.json b/packages/ag-grid-angular/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ag-grid-angular",
-  "version": "36.1.0-beta.20260818.1041",
+  "version": "36.1.0-beta.20260818.1531",
   "description": "AG Grid Angular Component",
   "scripts": {
     "clean": "rimraf dist",
@@ -15,7 +15,7 @@
   "module": "./dist/ag-grid-angular/fesm2022/ag-grid-angular.mjs",
   "typings": "./dist/ag-grid-angular/index.d.ts",
   "dependencies": {
-    "ag-grid-community": "36.1.0-beta.20260818.1041",
+    "ag-grid-community": "36.1.0-beta.20260818.1531",
     "@angular/animations": "^20.3.25",
     "@angular/common": "^20.3.25",
     "@angular/compiler": "^20.3.25",
@@ -27,7 +27,7 @@
     "zone.js": "~0.15.1"
   },
   "devDependencies": {
-    "ag-grid-community": "36.1.0-beta.20260818.1041",
+    "ag-grid-community": "36.1.0-beta.20260818.1531",
     "@angular/build": "^20.3.25",
     "@angular/cli": "^20.3.25",
     "@angular/forms": "^20.3.25",

diff --git a/packages/ag-grid-angular/projects/ag-grid-angular/package.json b/packages/ag-grid-angular/projects/ag-grid-angular/package.json
@@ -1,14 +1,14 @@
 {
   "name": "ag-grid-angular",
-  "version": "36.1.0-beta.20260818.1041",
+  "version": "36.1.0-beta.20260818.1531",
   "description": "AG Grid Angular Component",
   "license": "MIT",
   "peerDependencies": {
     "@angular/common": ">= 20.0.0",
     "@angular/core": ">= 20.0.0"
   },
   "dependencies": {
-    "ag-grid-community": "36.1.0-beta.20260818.1041",
+    "ag-grid-community": "36.1.0-beta.20260818.1531",
     "tslib": "^2.8.1"
   },
   "repository": {

diff --git a/packages/ag-grid-community/package.json b/packages/ag-grid-community/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ag-grid-community",
-  "version": "36.1.0-beta.20260818.1041",
+  "version": "36.1.0-beta.20260818.1531",
   "description": "Advanced Data Grid / Data Table supporting Javascript / Typescript / React / Angular / Vue",
   "main": "./dist/package/main.cjs.js",
   "types": "./dist/types/src/main.d.ts",
@@ -119,7 +119,7 @@
   ],
   "homepage": "https://www.ag-grid.com/",
   "dependencies": {
-    "ag-stack": "36.1.0-beta.20260818.1041",
+    "ag-stack": "36.1.0-beta.20260818.1531",
     "ag-charts-types": "14.1.0-beta.20260816"
   },
   "devDependencies": {

diff --git a/packages/ag-grid-community/src/agWidgets/agInputTextField.ts b/packages/ag-grid-community/src/agWidgets/agInputTextField.ts
@@ -29,6 +29,7 @@ export interface AgInputTextFieldParams<
     allowedCharPattern?: string;
     clearButton?: boolean;
     onValueClear?: () => void;
+    searchIcon?: boolean;
 }
 export type AgInputTextFieldEvent = AgAbstractInputFieldEvent | 'fieldValueCleared';
 /** @internal AG_GRID_INTERNAL - Not for public use. Can change / be removed at any time. */
@@ -63,7 +64,7 @@ export class AgInputTextField<
     public override postConstruct() {
         super.postConstruct();
 
-        const { allowedCharPattern, clearButton, onValueClear } = this.config;
+        const { allowedCharPattern, clearButton, onValueClear, searchIcon } = this.config;
 
         if (allowedCharPattern) {
             this.preventDisallowedCharacters();
@@ -74,6 +75,9 @@ export class AgInputTextField<
         if (onValueClear) {
             this.onValueClear(onValueClear);
         }
+        if (searchIcon) {
+            this.setSearchIcon(true);
+        }
         this.addManagedPropertyListener('suppressInputClearButton', () => this.refreshClearButton());
     }
 
@@ -107,6 +111,11 @@ export class AgInputTextField<
         return this;
     }
 
+    public setSearchIcon(searchIcon: boolean): this {
+        this.toggleCss('ag-input-field-search', searchIcon);
+        return this;
+    }
+
     public override setDisabled(disabled: boolean): this {
         super.setDisabled(disabled);
         this.refreshClearButton();

diff --git a/packages/ag-grid-community/src/filter/floating/provided/floatingFilterTextInputService.ts b/packages/ag-grid-community/src/filter/floating/provided/floatingFilterTextInputService.ts
@@ -74,7 +74,7 @@ export class FloatingFilterTextInputService extends BeanStub implements Floating
 
         eInput.setAutoComplete(autoComplete);
 
-        eInput.toggleCss('ag-floating-filter-search-icon', !!placeholder);
+        eInput.setSearchIcon(!!placeholder);
         eInput.setInputPlaceholder(placeholder);
     }
 }
diff --git a/packages/ag-grid-community/src/filter/provided/bigInt/bigIntFilter.ts b/packages/ag-grid-community/src/filter/provided/bigInt/bigIntFilter.ts
@@ -153,7 +153,11 @@ export class BigIntFilter extends SimpleFilter<
         allowedCharPattern: string | null
     ): GridInputTextField {
         const eValue = this.createManagedBean<GridInputTextField>(
-            new AgInputTextField({ allowedCharPattern: allowedCharPattern ?? undefined, clearButton: true })
+            new AgInputTextField({
+                allowedCharPattern: allowedCharPattern ?? undefined,
+                clearButton: true,
+                searchIcon: true,
+            })
         );
         eValue.addCss(`ag-filter-${fromTo}`);
         eValue.addCss('ag-filter-filter');

diff --git a/packages/ag-grid-community/src/filter/provided/date/defaultDateComponent.ts b/packages/ag-grid-community/src/filter/provided/date/defaultDateComponent.ts
@@ -34,7 +34,10 @@ export class DefaultDateComponent extends Component implements IDateComp {
 
     public init(params: IDateParams): void {
         this.params = params;
-        this.eDateInput.setClearButtonEnabled(true).onValueClear(() => this.params.onDateCleared?.());
+        this.eDateInput
+            .setClearButtonEnabled(true)
+            .setSearchIcon(true)
+            .onValueClear(() => this.params.onDateCleared?.());
         this.setParams(params);
 
         const inputElement = this.eDateInput.getInputElement();

diff --git a/packages/ag-grid-community/src/filter/provided/number/numberFilter.ts b/packages/ag-grid-community/src/filter/provided/number/numberFilter.ts
@@ -157,8 +157,8 @@ export class NumberFilter extends SimpleFilter<
     ): GridInputTextField | GridInputNumberField {
         const eValue = this.createManagedBean<GridInputTextField | GridInputNumberField>(
             allowedCharPattern
-                ? new AgInputTextField({ allowedCharPattern, clearButton: true })
-                : new AgInputNumberField({ clearButton: true })
+                ? new AgInputTextField({ allowedCharPattern, clearButton: true, searchIcon: true })
+                : new AgInputNumberField({ clearButton: true, searchIcon: true })
         );
         eValue.addCss(`ag-filter-${fromTo}`);
         eValue.addCss('ag-filter-filter');

diff --git a/packages/ag-grid-community/src/filter/provided/number/numberFloatingFilter.ts b/packages/ag-grid-community/src/filter/provided/number/numberFloatingFilter.ts
@@ -106,7 +106,7 @@ class FloatingFilterNumberInputService extends BeanStub implements FloatingFilte
     }
 
     private setPlaceholder(input: GridInputTextField | GridInputNumberField, placeholder?: string): void {
-        input.toggleCss('ag-floating-filter-search-icon', !!placeholder);
+        input.setSearchIcon(!!placeholder);
         input.setInputPlaceholder(placeholder);
     }
 

diff --git a/packages/ag-grid-community/src/filter/provided/text/textFilter.ts b/packages/ag-grid-community/src/filter/provided/text/textFilter.ts
@@ -81,7 +81,9 @@ export class TextFilter extends SimpleFilter<TextFilterModel, string, GridInputT
     }
 
     private createFromToElement(eCondition: HTMLElement, eValues: GridInputTextField[], fromTo: string): void {
-        const eValue = this.createManagedBean<GridInputTextField>(new AgInputTextField({ clearButton: true }));
+        const eValue = this.createManagedBean<GridInputTextField>(
+            new AgInputTextField({ clearButton: true, searchIcon: true })
+        );
         eValue.addCss(`ag-filter-${fromTo}`);
         eValue.addCss('ag-filter-filter');
         eValues.push(eValue);

diff --git a/packages/ag-grid-community/src/interfaces/iRichCellEditorParams.ts b/packages/ag-grid-community/src/interfaces/iRichCellEditorParams.ts
@@ -29,6 +29,7 @@ export interface RichSelectParams<TValue = any> extends AgPickerFieldParams<AgCo
 
     placeholder?: string;
     initialInputValue?: string;
+    searchIcon?: boolean;
 
     valueFormatter?: (value: TValue[] | TValue | null | undefined) => string;
     searchStringCreator?: (values: TValue[]) => string[];

diff --git a/packages/ag-grid-community/src/theming/parts/input-style/input-style-base.css b/packages/ag-grid-community/src/theming/parts/input-style/input-style-base.css
@@ -72,12 +72,7 @@
 }
 
 /* icon for search inputs */
-:where(.ag-column-select-header-filter-wrapper),
-:where(.ag-filter-toolpanel-search),
-:where(.ag-mini-filter),
-:where(.ag-filter-filter),
-:where(.ag-filter-add-select),
-:where(.ag-floating-filter-search-icon) {
+:where(.ag-input-field-search) {
     .ag-input-wrapper::before {
         position: absolute;
         display: block;

diff --git a/packages/ag-grid-community/src/version.ts b/packages/ag-grid-community/src/version.ts
@@ -1,2 +1,2 @@
 // DO NOT UPDATE MANUALLY: Generated from script during build time
-export const VERSION = '36.1.0-beta.20260818.1041';
+export const VERSION = '36.1.0-beta.20260818.1531';
diff --git a/packages/ag-grid-enterprise/package.json b/packages/ag-grid-enterprise/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ag-grid-enterprise",
-  "version": "36.1.0-beta.20260818.1041",
+  "version": "36.1.0-beta.20260818.1531",
   "description": "Advanced Data Grid / Data Table supporting Javascript / Typescript / React / Angular / Vue",
   "main": "./dist/package/main.cjs.js",
   "types": "./dist/types/src/main.d.ts",
@@ -113,8 +113,8 @@
   ],
   "homepage": "https://www.ag-grid.com/",
   "dependencies": {
-    "ag-stack": "36.1.0-beta.20260818.1041",
-    "ag-grid-community": "36.1.0-beta.20260818.1041"
+    "ag-stack": "36.1.0-beta.20260818.1531",
+    "ag-grid-community": "36.1.0-beta.20260818.1531"
   },
   "optionalDependencies": {
     "ag-charts-community": "14.1.0-beta.20260816",

diff --git a/packages/ag-grid-enterprise/src/columnToolPanel/agPrimaryColsHeader.ts b/packages/ag-grid-enterprise/src/columnToolPanel/agPrimaryColsHeader.ts
@@ -63,6 +63,7 @@ export class AgPrimaryColsHeader extends Component<AgPrimaryColsHeaderEvent> {
 
         this.eFilterTextField
             .setClearButtonEnabled(true)
+            .setSearchIcon(true)
             .onValueChange(() => this.onFilterTextChanged())
             .onValueClear(() => this.onFilterTextCleared());
 

diff --git a/packages/ag-grid-enterprise/src/filterToolPanel/agFiltersToolPanelHeader.ts b/packages/ag-grid-enterprise/src/filterToolPanel/agFiltersToolPanelHeader.ts
@@ -51,6 +51,7 @@ export class AgFiltersToolPanelHeader extends Component<AgFiltersToolPanelHeader
 
         this.eFilterTextField
             .setClearButtonEnabled(true)
+            .setSearchIcon(true)
             .setInputAriaLabel(translate('ariaFilterColumnsInput', 'Filter Columns Input'))
             .onValueChange(this.onSearchTextChanged.bind(this))
             .onValueClear(() => this.onSearchTextCleared());

diff --git a/packages/ag-grid-enterprise/src/filterToolPanel/newFilterToolPanel/addFilterComp.ts b/packages/ag-grid-enterprise/src/filterToolPanel/newFilterToolPanel/addFilterComp.ts
@@ -73,6 +73,7 @@ export class AddFilterComp extends Component<'filterSelected'> {
             value: '',
             valueList: Array.from(this.options.keys()),
             searchType: 'matchAny',
+            searchIcon: true,
             allowTyping: true,
             filterList: true,
             highlightMatch: true,

diff --git a/packages/ag-grid-enterprise/src/setFilter/setFilter.ts b/packages/ag-grid-enterprise/src/setFilter/setFilter.ts
@@ -583,7 +583,7 @@ export class SetFilter<V = string>
     private initMiniFilter() {
         const { eMiniFilter } = this;
 
-        eMiniFilter.setClearButtonEnabled(true);
+        eMiniFilter.setClearButtonEnabled(true).setSearchIcon(true);
         this.updateMiniFilter();
         eMiniFilter.onValueChange(() => this.onMiniFilterInput()).onValueClear(() => this.onMiniFilterInput(true));
         eMiniFilter.setInputAriaLabel(translateForSetFilter(this, 'ariaSearchFilterValues'));

diff --git a/packages/ag-grid-enterprise/src/version.ts b/packages/ag-grid-enterprise/src/version.ts
@@ -1,2 +1,2 @@
 // DO NOT UPDATE MANUALLY: Generated from script during build time
-export const VERSION = '36.1.0-beta.20260818.1041';
+export const VERSION = '36.1.0-beta.20260818.1531';
diff --git a/packages/ag-grid-enterprise/src/widgets/agRichSelect.ts b/packages/ag-grid-enterprise/src/widgets/agRichSelect.ts
@@ -185,13 +185,19 @@ export class AgRichSelect<TValue = any> extends AgPickerField<
         this.createListComponent();
         this.eDeselect.appendChild(_createIconNoSpan('richSelectRemove', this.beans)!);
 
-        const { allowTyping, placeholder, multiSelect, suppressDeselectAll, suppressMultiSelectPillRenderer } =
-            this.config;
+        const {
+            allowTyping,
+            placeholder,
+            multiSelect,
+            searchIcon,
+            suppressDeselectAll,
+            suppressMultiSelectPillRenderer,
+        } = this.config;
 
         this.eDeselect.classList.add('ag-hidden');
 
         if (allowTyping) {
-            this.eInput.setAutoComplete(false).setInputPlaceholder(placeholder);
+            this.eInput.setAutoComplete(false).setInputPlaceholder(placeholder).setSearchIcon(!!searchIcon);
             if (!multiSelect) {
                 this.eDisplayField.classList.add('ag-hidden');
             } else {