Removed duplicated CSS from DateInput

This commit is contained in:
Alejandro Celaya 2023-03-14 08:50:53 +01:00
parent 3be5126e2d
commit 999b21577a
2 changed files with 3 additions and 27 deletions

View file

@ -1,30 +1,6 @@
@import '../mixins/vertical-align';
@import '../base';
.date-input-container {
position: relative;
}
.date-input-container__input {
padding-right: 35px !important;
}
.date-input-container__input:not(:disabled) {
background-color: var(--primary-color) !important;
}
.card .date-input-container__input:not(:disabled),
.dropdown .date-input-container__input:not(:disabled) {
background-color: var(--input-color) !important;
}
.date-input-container__icon {
@include vertical-align();
right: .75rem;
cursor: pointer;
}
.react-datepicker__close-icon.react-datepicker__close-icon {
@include vertical-align();

View file

@ -16,7 +16,7 @@ export const DateInput = (props: DateInputProps) => {
const ref = useRef<{ input: HTMLInputElement }>();
return (
<div className="date-input-container">
<div className="icon-input-container">
<DatePicker
{...props}
popperModifiers={[
@ -26,14 +26,14 @@ export const DateInput = (props: DateInputProps) => {
},
]}
dateFormat={dateFormat ?? STANDARD_DATE_FORMAT}
className={classNames('date-input-container__input form-control', className)}
className={classNames('icon-input-container__input form-control', className)}
// @ts-expect-error The DatePicker type definition is wrong. It has a ref prop
ref={ref}
/>
{showCalendarIcon && (
<FontAwesomeIcon
icon={calendarIcon}
className="date-input-container__icon"
className="icon-input-container__icon"
onClick={() => ref.current?.input.focus()}
/>
)}