diff --git a/apps/demos/Demos/Scheduler/AppointmentSnapModes/AppointmentSnapModes@2x.png b/apps/demos/Demos/Scheduler/AppointmentSnapModes/AppointmentSnapModes@2x.png
new file mode 100644
index 000000000000..00cbc98c6b17
Binary files /dev/null and b/apps/demos/Demos/Scheduler/AppointmentSnapModes/AppointmentSnapModes@2x.png differ
diff --git a/apps/demos/Demos/Scheduler/AppointmentSnapModes/description.md b/apps/demos/Demos/Scheduler/AppointmentSnapModes/description.md
new file mode 100644
index 000000000000..30714c9244e8
--- /dev/null
+++ b/apps/demos/Demos/Scheduler/AppointmentSnapModes/description.md
@@ -0,0 +1,5 @@
+DevExtreme [Scheduler](https://js.devexpress.com/jQuery/Documentation/Guide/UI_Components/Scheduler/Overview/) includes a new appointment snap mechanism with the following modes:
+
+- `always`: an appointment always stretches to cell borders.
+- `auto`: an appointment stretches to a cell border only if the distance from the cell border to the appointment edge is less than half of the cell width.
+- `never`: appointments are proportional to their duration.
diff --git a/apps/demos/menuMeta.json b/apps/demos/menuMeta.json
index f4a688e38011..66f21d4535f3 100644
--- a/apps/demos/menuMeta.json
+++ b/apps/demos/menuMeta.json
@@ -3616,6 +3616,14 @@
                   "/Models/SampleData/PriorityResources.cs"
                 ],
                 "DemoType": "Web"
+              },
+              {
+                "Title": "Appointment Snap Modes",
+                "Name": "AppointmentSnapModes",
+                "Widget": "Scheduler",
+                "Badge": "Roadmap",
+                "DemoType": "Web",
+                "RoadmapSurveyUrl": "https://www.devexpress.com/support/surveys/devextreme-roadmap-2026-appointment-snap-modes.xml"
               }
             ]
           },