refactor(web/input): add icon to date picker

overextended · Jan 14, 2023 · a23b94c · a23b94c
1 parent ec57d03
commit a23b94c
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/web/src/features/dialog/components/fields/date.tsx b/web/src/features/dialog/components/fields/date.tsx
@@ -2,6 +2,7 @@ import { IDateInput } from '../../../../interfaces/dialog';
 import { Control, useController } from 'react-hook-form';
 import { FormValues } from '../../InputDialog';
 import { DatePicker } from '@mantine/dates';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 
 interface Props {
   row: IDateInput;
@@ -31,6 +32,7 @@ const DateField: React.FC<Props> = (props) => {
       inputFormat="DD/MM/YYYY"
       withAsterisk={props.row.required}
       clearable={props.row.clearable}
+      icon={props.row.icon && <FontAwesomeIcon fixedWidth icon={props.row.icon} />}
       minDate={props.row.min ? new Date(props.row.min) : undefined}
       maxDate={props.row.max ? new Date(props.row.max) : undefined}
     />

diff --git a/web/src/interfaces/dialog.ts b/web/src/interfaces/dialog.ts
@@ -79,4 +79,5 @@ export interface IDateInput {
   clearable?: boolean;
   min?: string;
   max?: string;
+  icon?: IconProp;
 }