membuat rhf datepicker v2

This commit is contained in:
korospace
2023-10-30 11:01:32 +07:00
parent f625d4225f
commit 557b8713dd
5 changed files with 14 additions and 10 deletions

View File

@@ -17,7 +17,7 @@ interface IProps {
disabled?: boolean;
}
export default function RHFDatePickerV2({ name, label, dateFormat, minDate, maxDate, disabled, ...other }: IProps) {
export default function RHFDatePicker({ name, label, dateFormat, minDate, maxDate, disabled, ...other }: IProps) {
const { control } = useFormContext();
const { fullWidth } = other;
@@ -32,13 +32,16 @@ export default function RHFDatePickerV2({ name, label, dateFormat, minDate, maxD
<DesktopDatePicker
disabled={disabled}
label={label}
onChange={(date) => field.onChange(date)}
onChange={(date)=> field.onChange(date)}
inputFormat={dateFormat}
value={field.value}
mask={''}
minDate={(minDate) ? new Date(minDate) : null}
maxDate={(maxDate) ? new Date(maxDate) : null}
renderInput={(params) => <TextField fullWidth={fullWidth} {...params} />}
renderInput={(params) => <TextField
fullWidth={fullWidth}
{...params}
/>}
/>
{!!error && (
<FormHelperText error sx={{ px: 2 }}>

View File

@@ -62,6 +62,7 @@ export default function RHFDatepicker({ name, ...other }: IProps & TextFieldProp
value={field.value}
inputFormat="dd/MMM/yyyy"
// inputFormat="dd - MMM - yyyy"
mask=''
onChange={(value) => {
field.onChange(value);
}}