diff --git a/packages/noco-docs/docs/090.views/040.view-types/050.calendar.md b/packages/noco-docs/docs/090.views/040.view-types/050.calendar.md
index debe5aadaf..5c2fd3797a 100644
--- a/packages/noco-docs/docs/090.views/040.view-types/050.calendar.md
+++ b/packages/noco-docs/docs/090.views/040.view-types/050.calendar.md
@@ -80,6 +80,10 @@ In NocoDB, you can configure the date range display in the calendar view by sele
 The date range configuration is currently supported only for the Date field type. Support for DateTime field type will be added in the future.
 :::
 
+Alternatively, you can also configure the date range display functionality during view creation. To do this, click on `+ Add Field` and choose the desired date field to serve as the end date. 
+
+![date-range](/img/v2/views/calendar/cal-range-4.png)
+
 Once the date range display is enabled, you can drag drop the records to change the start and end dates of the records. You can also resize the records to change the duration of the records. 
 
 ## Other toolbar operations
diff --git a/packages/noco-docs/static/img/v2/views/calendar/cal-range-4.png b/packages/noco-docs/static/img/v2/views/calendar/cal-range-4.png
new file mode 100644
index 0000000000..110e76622c
Binary files /dev/null and b/packages/noco-docs/static/img/v2/views/calendar/cal-range-4.png differ