From d358e6952effeb933ab57e4b343d8f0886077d55 Mon Sep 17 00:00:00 2001
From: 0x85FB9C51 <77808164+0x85FB9C51@users.noreply.github.com>
Date: Wed, 21 Jul 2021 08:52:22 -0400
Subject: fixed date formatting

---
 .../collectionSchema/CollectionSchemaCells.tsx            | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

(limited to 'src')

diff --git a/src/client/views/collections/collectionSchema/CollectionSchemaCells.tsx b/src/client/views/collections/collectionSchema/CollectionSchemaCells.tsx
index f75179cea..a8d901f4d 100644
--- a/src/client/views/collections/collectionSchema/CollectionSchemaCells.tsx
+++ b/src/client/views/collections/collectionSchema/CollectionSchemaCells.tsx
@@ -351,13 +351,16 @@ export class CollectionSchemaDateCell extends CollectionSchemaCell {
         //}
     }
 
+    // If the cell is not clicked on, render the date normally. Otherwise, render a date picker.
     render() {
-        return !this.props.isFocused ? <span onPointerDown={this.onPointerDown}>{this._date ? Field.toString(this._date as Field) : "--"}</span> :
-            <DatePicker
-                selected={this._date?.date || new Date}
-                onSelect={date => this.handleChange(date)}
-                onChange={date => this.handleChange(date)}
-            />;
+        return !this.props.isFocused ? <span style={{ paddingLeft: 20 + "px" }} onPointerDown={this.onPointerDown}>{this._date ? Field.toString(this._date as Field) : "--"}</span> :
+            <div style={{ paddingLeft: 20 + "px" }}>
+                <DatePicker
+                    selected={this._date?.date || new Date}
+                    onSelect={date => this.handleChange(date)}
+                    onChange={date => this.handleChange(date)}
+                />
+            </div>
     }
 }
 
-- 
cgit v1.2.3-70-g09d2