diff --git a/client/src/components/presentational/newUserForm.jsx b/client/src/components/presentational/newUserForm.jsx index c2197c9a..09ed0ff4 100644 --- a/client/src/components/presentational/newUserForm.jsx +++ b/client/src/components/presentational/newUserForm.jsx @@ -154,25 +154,29 @@ const NewUserForm = (props) => { - - + - {(params) => ( - - )} - - + + {(params) => ( + + )} + + + ) diff --git a/client/src/sass/CheckIn.scss b/client/src/sass/CheckIn.scss index 982b8b41..6bf768e5 100644 --- a/client/src/sass/CheckIn.scss +++ b/client/src/sass/CheckIn.scss @@ -200,13 +200,15 @@ select { pointer-events: none; opacity: 0.4; } -.date-picker-container { - display: flex; - justify-content: space-around; - gap: 10px; - margin-top: 20px; +.datepicker-container { + width: 100%; + max-width: 300px; } - -.MuiPickersCalendarHeader-labelContainer { - display: none !important; +.datepicker-container input[type='text'] { + height: 40px; + width: 100%; + border-bottom: none; + padding-left: 0.5rem; + color: red; + font-weight: semi-bold; }