From c6d30cdce4eb1d3ba66721f2275c0dc8aa4ad6b5 Mon Sep 17 00:00:00 2001
From: Darpan Kumar <darpan.kumar@nagarro.com>
Date: Tue, 14 Nov 2023 23:57:12 +0530
Subject: [PATCH] fix issue #1210 in material.angular.io 
 https://github.com/angular/material.angular.io/issues/1210

---
 .../creating-a-custom-form-field-control.html | 20 ++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/docs-content/guides/creating-a-custom-form-field-control.html b/docs-content/guides/creating-a-custom-form-field-control.html
index adca7ddd53..ec1d3739be 100755
--- a/docs-content/guides/creating-a-custom-form-field-control.html
+++ b/docs-content/guides/creating-a-custom-form-field-control.html
@@ -364,7 +364,25 @@ <h4 id="controltype" class="docs-header-link">
 class <code>mat-form-field-type-example-tel-input</code>.</p>
 <pre><code class="language-ts">controlType = <span class="hljs-string">&#x27;example-tel-input&#x27;</span>;
 </code></pre>
-
+          <h4 id="autofilled" class="docs-header-link">
+    <span header-link="autofilled"></span>
+    <code>autofilled</code>
+  </h4>
+  <p>This property allows us to specify Whether the input is currently in an autofilled state.
+    If set true it will add <code>mat-form-field-autofilled</code> class to the <code>&lt;mat-form-field&gt;</code>,
+     If property is not present on the control it is assumed to be false.
+  <pre><code class="language-ts">autofilled = <span class="hljs-string">true | false</span>;
+  </code></pre>
+
+          <h4 id="userAriaDescribedBy" class="docs-header-link">
+    <span header-link="userAriaDescribedBy"></span>
+    <code>userAriaDescribedBy</code>
+  </h4>
+  <p>This property allows us to specify the Value 
+    of <code>aria-describedby</code> that should be merged with the described-by ids which are set by the form-field.
+  <pre><code class="language-ts">userAriaDescribedBy = <span class="hljs-string">&#x27;id&#x27 | &#x27space-separated list of element ids&#x27;</span>;
+  </code></pre>
+  
         <h4 id="setdescribedbyidsids-string" class="docs-header-link">
           <span header-link="setdescribedbyidsids-string"></span>
           <code>setDescribedByIds(ids: string[])</code>