diff --git a/10/umbraco-forms/developer/field-types.md b/10/umbraco-forms/developer/field-types.md
index 17649bf5307..b2f83ebae07 100644
--- a/10/umbraco-forms/developer/field-types.md
+++ b/10/umbraco-forms/developer/field-types.md
@@ -16,4 +16,20 @@ To achieve this a new Razor partial view is included `/Views/Partials/Forms/Date
 
 The `DatePicker` has one configuration setting to control the number of year shown. The default is 10 years which makes the picker unusable for picking birth dates.
 
-Go to `~/App_Data/UmbracoForms/umbracoforms.config` and update `<setting key="DatePickerYearRange" value="10" />` to a higher number (for example 100)
+Go to your `appsettings.json` and add:
+```json
+  "Umbraco": {
+    "CMS": {
+        ...
+    },
+    "Forms": {
+      "FieldTypes": {
+        "DatePicker": {
+          "DatePickerYearRange": 12
+        }
+      }
+     }
+    }
+```
+
+You can then change the `DatePickerYearRange` to a higher number (for example 100).
\ No newline at end of file
diff --git a/12/umbraco-forms/developer/field-types.md b/12/umbraco-forms/developer/field-types.md
index 817e5343868..6768ca9f016 100644
--- a/12/umbraco-forms/developer/field-types.md
+++ b/12/umbraco-forms/developer/field-types.md
@@ -12,4 +12,20 @@ To achieve this a new Razor partial view is included `/Views/Partials/Forms/Date
 
 The `DatePicker` has one configuration setting to control the number of year shown. The default is 10 years which makes the picker unusable for picking birth dates.
 
-Go to `~/App_Data/UmbracoForms/umbracoforms.config` and update `<setting key="DatePickerYearRange" value="10" />` to a higher number (for example 100)
+Go to your `appsettings.json` and add:
+```json
+  "Umbraco": {
+    "CMS": {
+        ...
+    },
+    "Forms": {
+      "FieldTypes": {
+        "DatePicker": {
+          "DatePickerYearRange": 12
+        }
+      }
+     }
+    }
+```
+
+You can then change the `DatePickerYearRange` to a higher number (for example 100).
\ No newline at end of file
diff --git a/13/umbraco-forms/developer/field-types.md b/13/umbraco-forms/developer/field-types.md
index 817e5343868..e6f058dd377 100644
--- a/13/umbraco-forms/developer/field-types.md
+++ b/13/umbraco-forms/developer/field-types.md
@@ -12,4 +12,20 @@ To achieve this a new Razor partial view is included `/Views/Partials/Forms/Date
 
 The `DatePicker` has one configuration setting to control the number of year shown. The default is 10 years which makes the picker unusable for picking birth dates.
 
-Go to `~/App_Data/UmbracoForms/umbracoforms.config` and update `<setting key="DatePickerYearRange" value="10" />` to a higher number (for example 100)
+Go to your `appsettings.json` and add:
+```json
+  "Umbraco": {
+    "CMS": {
+        ...
+    },
+    "Forms": {
+      "FieldTypes": {
+        "DatePicker": {
+          "DatePickerYearRange": 12
+        }
+      }
+     }
+    }
+```
+
+You can then change the `DatePickerYearRange` to a higher number (for example 100).