From 8388a2dab8e32fe5f2c72c44d0cf76c9ddc8c440 Mon Sep 17 00:00:00 2001
From: vargajoe <varga.yosh@gmail.com>
Date: Fri, 13 Oct 2023 15:16:54 +0200
Subject: [PATCH 1/4] fix dropdown title

---
 .../sn-controls-react/src/fieldcontrols/dropdown-list.tsx     | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/sn-controls-react/src/fieldcontrols/dropdown-list.tsx b/packages/sn-controls-react/src/fieldcontrols/dropdown-list.tsx
index abf23f442..b574879b9 100644
--- a/packages/sn-controls-react/src/fieldcontrols/dropdown-list.tsx
+++ b/packages/sn-controls-react/src/fieldcontrols/dropdown-list.tsx
@@ -60,7 +60,9 @@ export const DropDownList: React.FC<ReactClientFieldSetting<ChoiceFieldSetting>>
           style={{ minWidth: '220px' }}
           required={props.settings.Compulsory}
           disabled={props.settings.ReadOnly}>
-          <InputLabel htmlFor={props.settings.Name}>{props.settings.DisplayName}</InputLabel>
+          <InputLabel htmlFor={props.settings.Name} shrink={true}>
+            {props.settings.DisplayName}
+          </InputLabel>
           <Select
             onChange={handleChange}
             inputProps={

From 3ca3ddbfdc4d9f04047522e1e3be09f1f7d85c91 Mon Sep 17 00:00:00 2001
From: vargajoe <varga.yosh@gmail.com>
Date: Fri, 13 Oct 2023 15:41:59 +0200
Subject: [PATCH 2/4] fix datetime label width

---
 packages/sn-controls-react/src/fieldcontrols/date-picker.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/sn-controls-react/src/fieldcontrols/date-picker.tsx b/packages/sn-controls-react/src/fieldcontrols/date-picker.tsx
index be702fec3..cc27dcf2b 100644
--- a/packages/sn-controls-react/src/fieldcontrols/date-picker.tsx
+++ b/packages/sn-controls-react/src/fieldcontrols/date-picker.tsx
@@ -88,6 +88,7 @@ export const DatePicker: React.FC<ReactClientFieldSetting<DateTimeFieldSetting>>
           <>
             {settings.DateTimeMode === DateTimeMode.Date ? (
               <MUIDatePicker
+                style={{ display: 'inherit' }}
                 value={value}
                 minDate={minDatePickerDate}
                 onChange={handleDateChange}
@@ -101,6 +102,7 @@ export const DatePicker: React.FC<ReactClientFieldSetting<DateTimeFieldSetting>>
               />
             ) : (
               <DateTimePicker
+                style={{ display: 'inherit' }}
                 minDate={minDatePickerDate}
                 value={value}
                 onChange={handleDateChange}

From 15a33b4e7be2d94fb9982ddf994721c988cc8cfb Mon Sep 17 00:00:00 2001
From: vargajoe <varga.yosh@gmail.com>
Date: Fri, 13 Oct 2023 17:04:42 +0200
Subject: [PATCH 3/4] fix datetime width

---
 packages/sn-controls-react/src/fieldcontrols/date-picker.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/sn-controls-react/src/fieldcontrols/date-picker.tsx b/packages/sn-controls-react/src/fieldcontrols/date-picker.tsx
index cc27dcf2b..898559505 100644
--- a/packages/sn-controls-react/src/fieldcontrols/date-picker.tsx
+++ b/packages/sn-controls-react/src/fieldcontrols/date-picker.tsx
@@ -113,6 +113,7 @@ export const DatePicker: React.FC<ReactClientFieldSetting<DateTimeFieldSetting>>
                 InputLabelProps={{ shrink: true }}
                 required={settings.Compulsory}
                 format="yyyy MMMM dd hh:mm aaaa"
+                InputProps={{ readOnly: true, style: { minWidth: '200px' } }}
               />
             )}
             {!hideDescription && <FormHelperText>{settings.Description}</FormHelperText>}

From f977e7a194c75d80720cddd14b04478ee7035028 Mon Sep 17 00:00:00 2001
From: vargajoe <varga.yosh@gmail.com>
Date: Fri, 13 Oct 2023 20:06:08 +0200
Subject: [PATCH 4/4] update snaps

---
 .../__snapshots__/date-picker.test.tsx.snap    | 18 ++++++++++++++++++
 .../__snapshots__/dropdown-list.test.tsx.snap  |  1 +
 2 files changed, 19 insertions(+)

diff --git a/packages/sn-controls-react/test/__snapshots__/date-picker.test.tsx.snap b/packages/sn-controls-react/test/__snapshots__/date-picker.test.tsx.snap
index 52bb97b91..663eb748f 100644
--- a/packages/sn-controls-react/test/__snapshots__/date-picker.test.tsx.snap
+++ b/packages/sn-controls-react/test/__snapshots__/date-picker.test.tsx.snap
@@ -31,6 +31,14 @@ exports[`Date/Date time field control in edit/new view should set all the props
         "shrink": true,
       }
     }
+    InputProps={
+      Object {
+        "readOnly": true,
+        "style": Object {
+          "minWidth": "200px",
+        },
+      }
+    }
     allowKeyboardControl={true}
     ampm={true}
     disabled={true}
@@ -48,6 +56,11 @@ exports[`Date/Date time field control in edit/new view should set all the props
     orientation="portrait"
     required={true}
     showTabs={true}
+    style={
+      Object {
+        "display": "inherit",
+      }
+    }
     value="1912-04-15T02:10:00.000Z"
     views={
       Array [
@@ -89,6 +102,11 @@ exports[`Date/Date time field control in edit/new view should set all the props
     onChange={[Function]}
     openTo="date"
     required={true}
+    style={
+      Object {
+        "display": "inherit",
+      }
+    }
     value="1912-04-15T02:10:00.000Z"
     views={
       Array [
diff --git a/packages/sn-controls-react/test/__snapshots__/dropdown-list.test.tsx.snap b/packages/sn-controls-react/test/__snapshots__/dropdown-list.test.tsx.snap
index 726e68549..c2d3b4c94 100644
--- a/packages/sn-controls-react/test/__snapshots__/dropdown-list.test.tsx.snap
+++ b/packages/sn-controls-react/test/__snapshots__/dropdown-list.test.tsx.snap
@@ -12,6 +12,7 @@ exports[`Drop down list field control in edit/new view should set all the props
 >
   <WithStyles(ForwardRef(InputLabel))
     htmlFor="VersioningMode"
+    shrink={true}
   >
     Versioning Mode For Current Content
   </WithStyles(ForwardRef(InputLabel))>