From 0d8a55d4f460767942c01398a373028ef2e1e7da Mon Sep 17 00:00:00 2001
From: Matheus Wichman <matheushw@outlook.com>
Date: Wed, 27 Apr 2022 09:57:30 -0300
Subject: [PATCH] [docs] Add label to each demo (#4667)

---
 .../date-pickers/date-time-picker/ResponsiveDateTimePickers.js | 3 +++
 .../date-time-picker/ResponsiveDateTimePickers.tsx             | 3 +++
 2 files changed, 6 insertions(+)

diff --git a/docs/data/date-pickers/date-time-picker/ResponsiveDateTimePickers.js b/docs/data/date-pickers/date-time-picker/ResponsiveDateTimePickers.js
index 983bc098998c..a1e240dbe1d6 100644
--- a/docs/data/date-pickers/date-time-picker/ResponsiveDateTimePickers.js
+++ b/docs/data/date-pickers/date-time-picker/ResponsiveDateTimePickers.js
@@ -14,6 +14,7 @@ export default function ResponsiveDateTimePickers() {
     <LocalizationProvider dateAdapter={AdapterDateFns}>
       <Stack spacing={3}>
         <MobileDateTimePicker
+          label="For mobile"
           value={value}
           onChange={(newValue) => {
             setValue(newValue);
@@ -21,6 +22,7 @@ export default function ResponsiveDateTimePickers() {
           renderInput={(params) => <TextField {...params} />}
         />
         <DesktopDateTimePicker
+          label="For desktop"
           value={value}
           onChange={(newValue) => {
             setValue(newValue);
@@ -28,6 +30,7 @@ export default function ResponsiveDateTimePickers() {
           renderInput={(params) => <TextField {...params} />}
         />
         <DateTimePicker
+          label="Responsive"
           renderInput={(params) => <TextField {...params} />}
           value={value}
           onChange={(newValue) => {
diff --git a/docs/data/date-pickers/date-time-picker/ResponsiveDateTimePickers.tsx b/docs/data/date-pickers/date-time-picker/ResponsiveDateTimePickers.tsx
index 43bb95f61fcd..db95bf5611ca 100644
--- a/docs/data/date-pickers/date-time-picker/ResponsiveDateTimePickers.tsx
+++ b/docs/data/date-pickers/date-time-picker/ResponsiveDateTimePickers.tsx
@@ -16,6 +16,7 @@ export default function ResponsiveDateTimePickers() {
     <LocalizationProvider dateAdapter={AdapterDateFns}>
       <Stack spacing={3}>
         <MobileDateTimePicker
+          label="For mobile"
           value={value}
           onChange={(newValue) => {
             setValue(newValue);
@@ -23,6 +24,7 @@ export default function ResponsiveDateTimePickers() {
           renderInput={(params) => <TextField {...params} />}
         />
         <DesktopDateTimePicker
+          label="For desktop"
           value={value}
           onChange={(newValue) => {
             setValue(newValue);
@@ -30,6 +32,7 @@ export default function ResponsiveDateTimePickers() {
           renderInput={(params) => <TextField {...params} />}
         />
         <DateTimePicker
+          label="Responsive"
           renderInput={(params) => <TextField {...params} />}
           value={value}
           onChange={(newValue) => {