FumeNodes/ox_lib
1
0
Fork 0
mirror of https://github.com/CommunityOx/ox_lib.git synced 2026-08-19 07:56:02 +01:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Luke
2023-01-14 13:56:05 +01:00
parent ec57d03791
commit a23b94ceb1
2 changed files with 3 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/features/dialog/components/fields/date.tsx
View File

@@ -2,6 +2,7 @@ import { IDateInput } from '../../../../interfaces/dialog';
import { Control, useController } from 'react-hook-form'; import { Control, useController } from 'react-hook-form';
import { FormValues } from '../../InputDialog'; import { FormValues } from '../../InputDialog';
import { DatePicker } from '@mantine/dates'; import { DatePicker } from '@mantine/dates';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
interface Props { interface Props {
row: IDateInput; row: IDateInput;
@@ -31,6 +32,7 @@ const DateField: React.FC<Props> = (props) => {
inputFormat="DD/MM/YYYY" inputFormat="DD/MM/YYYY"
withAsterisk={props.row.required} withAsterisk={props.row.required}
clearable={props.row.clearable} clearable={props.row.clearable}
icon={props.row.icon && <FontAwesomeIcon fixedWidth icon={props.row.icon} />}
minDate={props.row.min ? new Date(props.row.min) : undefined} minDate={props.row.min ? new Date(props.row.min) : undefined}
maxDate={props.row.max ? new Date(props.row.max) : undefined} maxDate={props.row.max ? new Date(props.row.max) : undefined}
/> />

1
web/src/interfaces/dialog.ts
View File

@@ -79,4 +79,5 @@ export interface IDateInput {
clearable?: boolean; clearable?: boolean;
min?: string; min?: string;
max?: string; max?: string;
icon?: IconProp;
} }