diff --git a/docs/pages/demo/datepicker/index.mdx b/docs/pages/demo/datepicker/index.mdx
index b626f9d5b..4e3334ac5 100644
--- a/docs/pages/demo/datepicker/index.mdx
+++ b/docs/pages/demo/datepicker/index.mdx
@@ -28,8 +28,13 @@ Will be rendered to modal dialog on mobile and textfield with popover on desktop
 
 #### Responsiveness
 
-Date/Time pickers experience is extremely different on mobile and desktop. Here is how components will look on different devices.
-The default `Datepicker` component is responsive, which means that `Mobile` or `Desktop` mode will be rendered according to device viewport.
+The date picker component is designed and optimized for the device it runs on.
+
+- The "Mobile" version works best for touch devices and small screens.
+- The "Desktop" version works best for mouse devices and large screens.
+
+By default, the `DatePicker` component uses a `@media (pointer: fine)` media query to determine which version to use.
+This can be customized by `desktopModeMediaQuery` prop.
 
 <Example source={DatePickers} />
 
@@ -72,6 +77,7 @@ Sometimes it's required to display additional info right in the calendar. Here i
 and displaying server side data using `onMonthChange`, `loading` and `renderDay` props.
 
 <!-- In order to make this example functional, make sure you are running docs using `yarn now dev` from root -->
+
 <Example source={ServerRequest} />
 
 #### API
diff --git a/docs/pages/demo/daterangepicker/index.mdx b/docs/pages/demo/daterangepicker/index.mdx
index a3d97a159..2a78f4606 100644
--- a/docs/pages/demo/daterangepicker/index.mdx
+++ b/docs/pages/demo/daterangepicker/index.mdx
@@ -27,8 +27,13 @@ Basic DateRangePicker example, make sure that you can pass almost any prop of [D
 
 #### Responsiveness
 
-Date/Time pickers experience is extremely different on mobile and desktop. Here is how components will look on different devices.
-The default `DateRangePicker` component is responsive, which means that `Mobile` or `Desktop` mode will be rendered according to device viewport.
+The date range picker component is designed and optimized for the device it runs on.
+
+- The "Mobile" version works best for touch devices and small screens.
+- The "Desktop" version works best for mouse devices and large screens.
+
+By default, the `DateRangePicker` component uses a `@media (pointer: fine)` media query to determine which version to use.
+This can be customized by `desktopModeMediaQuery` prop.
 
 <Example source={ResponsiveDateRangePicker} />
 
diff --git a/docs/pages/demo/datetime-picker/index.mdx b/docs/pages/demo/datetime-picker/index.mdx
index 3aa2cfce3..11bc2c543 100644
--- a/docs/pages/demo/datetime-picker/index.mdx
+++ b/docs/pages/demo/datetime-picker/index.mdx
@@ -26,7 +26,13 @@ Allows choosing date then time. There are too many views, so tabs are required t
 
 #### Responsiveness
 
-DateTimePicker is a complex control, so you may consider using `MobileDateTimePicker` for desktop users as well.
+The date time picker component is designed and optimized for the device it runs on.
+
+- The "Mobile" version works best for touch devices and small screens.
+- The "Desktop" version works best for mouse devices and large screens.
+
+By default, the `DateTimePicker` component uses a `@media (pointer: fine)` media query to determine which version to use.
+This can be customized by `desktopModeMediaQuery` prop.
 
 <Example source={DateTimePickers} />
 
diff --git a/docs/pages/demo/timepicker/index.mdx b/docs/pages/demo/timepicker/index.mdx
index 4175107a2..836933434 100644
--- a/docs/pages/demo/timepicker/index.mdx
+++ b/docs/pages/demo/timepicker/index.mdx
@@ -27,6 +27,14 @@ A time picker should adjust to a user’s preferred time setting, i.e. the 12-ho
 
 #### Responsiveness
 
+The time picker component is designed and optimized for the device it runs on.
+
+- The "Mobile" version works best for touch devices and small screens.
+- The "Desktop" version works best for mouse devices and large screens.
+
+By default, the `TimePicker` component uses a `@media (pointer: fine)` media query to determine which version to use.
+This can be customized by `desktopModeMediaQuery` prop.
+
 <Example source={TimePickers} />
 
 #### Time Validation